woocommerce/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/1142.md

124 lines
7.0 KiB
Markdown
Raw Normal View History

Backport 11.4.x changes in trunk (https://github.com/woocommerce/woocommerce-blocks/pull/11471) * Empty commit for release pull request * Add changelog entries to readme.txt * Update version numbers * Add testing instructions * Update the changelog with woocommerce/woocommerce-blocks#11421 * Always show the `Enable the shipping calculator on the cart page` option in WC Admin (https://github.com/woocommerce/woocommerce-blocks/pull/11421) * Always show `Enable the shipping calculator ...` Always show the `Enable the shipping calculator on the cart page` option no matter of what is used for the cart page. * Update remove_shipping_settings docblock to accurately describe its purpose. --------- Co-authored-by: Mike Jolley <mike.jolley@me.com> * Add a safe guard that the variable is set before accessing it (https://github.com/woocommerce/woocommerce-blocks/pull/11424) * Update zip package link * Modify the <main> HTML tag in the title to 'main' to ensure the title remains intact * Revert "Use the <header> element for the checkout header (https://github.com/woocommerce/woocommerce-blocks/pull/11222)" This reverts commit 9e9ebc50396cb0358757f908090cbc96e412d445. * Remove woocommerce/woocommerce-blocks#11222 from the Changelog and the Testing Notes * Remove woocommerce/woocommerce-blocks#11190 from the Changelog and Testing Notes as it was never merged * Update .zip file with latest changes * Release: 11.4.2 (https://github.com/woocommerce/woocommerce-blocks/pull/11452) * Empty commit for release pull request * Do a version bump to 11.4.1 * Add Instruction Notes and update the Changelog * Update the testing instructions and the changelog and the .zip link * Empty commit for release pull request * Remove the fontSize for the button (https://github.com/woocommerce/woocommerce-blocks/pull/11433) * [Store Customization MVP] Ensure the AI-generated content in patterns is updated on plugin update (https://github.com/woocommerce/woocommerce-blocks/pull/11210) * Update the patterns content after updating the plugin * Remove unused variable and use statement * Schedule action for updating the patterns content on plugin update (for both WooCommerce and WooCommerce Blocks.) * Update condition to remove the plugin folder name * Remove the update function from bootstrap.php * Remove unused use * Fix the condition, since $options['plugin'] is an array * Remove pattern file This was left empty by mistake in a merge, we need to remove the file or we get an error --------- Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com> * Fix outer space and title (https://github.com/woocommerce/woocommerce-blocks/pull/11434) * Store Customization > Update products with AI generated content (https://github.com/woocommerce/woocommerce-blocks/pull/11155) * Introduce the ProductUpdater class. * Update the image assignment for the default products content. * Update the default products content. * Introduce the generate_content and get_placeholder_products methods. * Update the get_placeholder_products method and introduce the new create_new_product method. * Verify the hash of the product content and compare it with the hash of the ai generated content to ensure we wont override products modified by the store owner. * Add docblocks and update the structure for the ProductUpdater class. * Pass the vertical images as a param for the PatternUpdater and the ProductUpdater. * Update the provided variable to the PatternUpdater class. * Update the ProductUpdater class to include the requirements for usage of the media_sideload_image method outside the wp-admin area (via API) and other adjustments to the products generation and hashes * remove unnecessary calls to post/product images. * Update the loop for generating products. * Further adjustments to the Product Updater. * Provide the business_description as a param for the generate_content ProductUpdates * Update the default timeout for the AI connection; update the path to the default image. Add a limit of 6 when quering the total products created by the store owner. * Add new neutral placeholder images for products and patterns. * Update the prompt and the logic for the placeholder images. * Remove placeholder images. * Increase max execution time * Update the products query. * Move the media_sideload_image function dependencies to outside of the loop and add comment. * Update text content. * Address code review. * bail early if no business description provided. * Add an extra safety check in case of query errors. * Address CR. * Patterns > Upload optimized version of placeholder image (https://github.com/woocommerce/woocommerce-blocks/pull/11441) * Improve vars name and remove duplicated user name (https://github.com/woocommerce/woocommerce-blocks/pull/11430) * Add overlay with 30% opacity (https://github.com/woocommerce/woocommerce-blocks/pull/11428) * [Store Customization] Update the "Footer with 3 Menus" (https://github.com/woocommerce/woocommerce-blocks/pull/11379) * Fix search bar, spacing and show text in one line * Set site log width * Adjust margins and search bar * Make the search bar fill space on mobile * Update column sizes * Remove width from site logo * [CYS Woo Express] Update large footer (https://github.com/woocommerce/woocommerce-blocks/pull/11413) * Update large footer * Update space between icons * Remove with from site logo * update changelog and testing instructions * bump to 11.4.2 version * [CYS Woo Express] Fix essential header (https://github.com/woocommerce/woocommerce-blocks/pull/11449) * Fix essential header * Fix spacing * update testing instructions * Make groups to adapt better to mobile views (https://github.com/woocommerce/woocommerce-blocks/pull/11463) * update testing instructions and changelog * Unify the search bar layout across patterns (https://github.com/woocommerce/woocommerce-blocks/pull/11445) * Unify the search bar layout across patterns * restore changes * [CYS Woo Express] Footer with simple menu and cart (https://github.com/woocommerce/woocommerce-blocks/pull/11409) * Update footer simple menu cart * Change structure to use rows not columns * Make search fill space * Fix spacing and switch mini-cart and menu * Unify the search bar * Remove mini cart * update testing instructions and changelog * Store Customization > Fetch product images from the Pexels API (https://github.com/woocommerce/woocommerce-blocks/pull/11280) * Introduce the ProductUpdater class. * Update the image assignment for the default products content. * Update the default products content. * Introduce the generate_content and get_placeholder_products methods. * Update the get_placeholder_products method and introduce the new create_new_product method. * Verify the hash of the product content and compare it with the hash of the ai generated content to ensure we wont override products modified by the store owner. * Add docblocks and update the structure for the ProductUpdater class. * Pass the vertical images as a param for the PatternUpdater and the ProductUpdater. * Update the provided variable to the PatternUpdater class. * Update the ProductUpdater class to include the requirements for usage of the media_sideload_image method outside the wp-admin area (via API) and other adjustments to the products generation and hashes * remove unnecessary calls to post/product images. * Update the loop for generating products. * Further adjustments to the Product Updater. * Provide the business_description as a param for the generate_content ProductUpdates * Update the default timeout for the AI connection; update the path to the default image. Add a limit of 6 when quering the total products created by the store owner. * Add new neutral placeholder images for products and patterns. * Update the prompt and the logic for the placeholder images. * Remove placeholder images. * Pass the AI connection as a param and update the get_images_for_pattern method to rely on the results returned from the Pexels API. * update the product updater class to rely on Pexels images and add the ai_connection as a param. * Remove the unused get_random_images method. * Update the patterns endpoint. * Delete unused ChatGPTClient class. * Introduce the new Pexels class. * Remove the Verticals references. * Update the reference for the alt description for images. * Update the scheduled action to populate patterns and products. * Remove unused Verticals classes. * Ensure the Pexels class already returns the array with the expected format for assignment to Patterns and Products. * Introduce the select_image_src_based_on_format method. * Increase max execution time * Increase max execution time * Update the request to rely on the WP.com external-media endpoint instead. * Improve performance for product content update. * Improve quality of images used in products and update queries. * Update the products query. * Move the media_sideload_image function dependencies to outside of the loop and add comment. * Update text content. * Merge base branch * Introduce the should_update_dummy_product method. * Update the method to be triggered on scheduled action to return true. * Change the image format for products to improve performance. * Make portrait the default fallback image format. * Address code review. * bail early if no business description provided. * Add an extra safety check in case of query errors. * Address CR. * Raise the default memory limit. * Update the prompt for the search term for images. * Make sure the 'woocommerce_blocks_allow_ai_connection' option is set to true if the site is connected to AI. * Update the prompt for AI generated content in patterns and initialize the images and alts for the patterns. * Update the prompt for products and introduce the update_dummy_products method. * Update the default number of images returned by Pexels. * Update the default fallback for the expected image format. * Update the prompt for selecting the images. * Add a character limit to the testimonials. * Increase timeout to fetch products data * Address code review. * update changelog * add zip link * fix markdown * remove duplicate testing instructions --------- Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: Daniel Dudzic <daniel.dudzic@automattic.com> Co-authored-by: Alba Rincón <albarin@users.noreply.github.com> Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com> Co-authored-by: Tom Cafferkey <tjcafferkey@gmail.com> Co-authored-by: Luigi <gigitux@gmail.com> * Release: 11.4.3 (https://github.com/woocommerce/woocommerce-blocks/pull/11496) * bump to 11.4.3 * Empty commit for release pull request * Improve Hero Product Chessboard pattern (https://github.com/woocommerce/woocommerce-blocks/pull/11423) * improve pattern * remove hardcoded font-size * address feedback * update to h2 * Remove group and separator to get rid of the extra space (https://github.com/woocommerce/woocommerce-blocks/pull/11477) * [Store Customization] Update the design for the Product Gallery pattern (https://github.com/woocommerce/woocommerce-blocks/pull/11464) * Remove rating, show only title and price * Improve title spacing and level * Patterns with Search Bar: improve style (https://github.com/woocommerce/woocommerce-blocks/pull/11478) * "Product Collection X Columns" patterns: align "no reviews" text with the star (https://github.com/woocommerce/woocommerce-blocks/pull/11468) * improve line-height * use variable * add testing instructions * Rename pattern (https://github.com/woocommerce/woocommerce-blocks/pull/11487) * update readme * Store Customization > Enhance the Hero Product Split pattern (https://github.com/woocommerce/woocommerce-blocks/pull/11505) * Update the bottom margin for the Hero Product Split and the heading from h3 to h2. * Update heading comment * update testing instructions * Simplify the `Hero Product 3 Split` pattern design (https://github.com/woocommerce/woocommerce-blocks/pull/11495) * Simplify the pattern design * Add char limits to the AI generated content * Fix url * update testing instructions * Product Search Block: unify border-radius (https://github.com/woocommerce/woocommerce-blocks/pull/11515) * add testing instructions * [Store Customization] Update the Centered Header Menu with Search Pattern (https://github.com/woocommerce/woocommerce-blocks/pull/11304) * Fix hidden elements on mobile and margins * Increase navigation items spacing * Add site logo width * Improve search bar and title font weight * Remove width from site logo * Unify search bar * Remove search, improve margins * Use columns to improve the mobile view * add testing instructions * Large Header pattern: improve the layout on mobile view (https://github.com/woocommerce/woocommerce-blocks/pull/11490) * Improve Large header * improve large header * use lens * add padding * add testing instructions * Fix "Large footer" left spacing (https://github.com/woocommerce/woocommerce-blocks/pull/11520) * Fix large footer left spacing * Use esc_html_e * add testing instructions * add zip file * improve testing instructions * update testing instructions * update testing instructions --------- Co-authored-by: Luigi <gigitux@gmail.com> Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: Alba Rincón <albarin@users.noreply.github.com> Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com> --------- Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: Daniel Dudzic <daniel.dudzic@automattic.com> Co-authored-by: Saad Tarhi <saad.trh@gmail.com> Co-authored-by: Mike Jolley <mike.jolley@me.com> Co-authored-by: Karol Manijak <20098064+kmanijak@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Alba Rincón <albarin@users.noreply.github.com> Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com> Co-authored-by: Tom Cafferkey <tjcafferkey@gmail.com>
2023-11-02 17:06:27 +00:00
# Testing notes and ZIP for release 11.4.2
Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/13179867/woocommerce-gutenberg-products-block.zip)
## WooCommerce Core
### Enhancements
#### Improve the button size on the "Product Collection 4 Column" pattern. [11433](https://github.com/woocommerce/woocommerce-blocks/pull/11433)
1. Create a new page or post.
2. Insert the `Product Collection 4 Column` pattern.
3. Check the `Add to cart` buttons look like in the after screenshot below.
| Before | After |
| ------ | ----- |
| <img width="1201" alt="Screenshot 2023-10-24 at 15 53 25" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/cc60d499-51b9-4a12-8f11-6c346eb41ce8"> | <img width="1197" alt="Screenshot 2023-10-24 at 15 53 01" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/a1735c13-f701-46e4-bbe0-b2b2eff275bf"> |
#### Improve the "Minimal header" pattern spacing and title. [11434](https://github.com/woocommerce/woocommerce-blocks/pull/11434)
1. Create a new page or post and insert the `Minimal header` pattern.
2. Check it matches the screenshot below.
| Mobile |
| ------ |
| <img width="405" alt="Screenshot 2023-10-24 at 16 50 08" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/5e124511-6098-4bc2-a381-9714e254a692"> |
| Desktop |
| ------ |
| <img width="1374" alt="Screenshot 2023-10-24 at 16 49 43" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/2c58a2ca-d270-4145-b1f6-19aa9a884a52"> |
### Improve the Testimonials 3 columns pattern. [11430](https://github.com/woocommerce/woocommerce-blocks/pull/11430)
1. Create a new page or post.
2. Insert the `Testimonials 3 columns` pattern.
3. Check the reviewer names are not duplicated.
| Before | After |
| ------ | ----- |
| <img width="1207" alt="Screenshot 2023-10-24 at 14 38 29" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/7c4a1f75-4eb1-4d7a-a38c-6e30d5649c18">| <img width="1201" alt="Screenshot 2023-10-24 at 14 37 42" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/8a967999-b16a-47f5-96ce-3d3b4c92a67e"> |
### Add overlay to the "Featured Category Triple" pattern. [11428](https://github.com/woocommerce/woocommerce-blocks/pull/11428)
1. Create a new page or post.
2. Insert the `Featured Category Triple` pattern.
3. Check each of the images have an overlay with 30% opacity.
| Before | After |
| ------ | ----- |
| <img width="967" alt="Screenshot 2023-10-24 at 14 14 29" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/91f35822-4ca3-4f11-9402-ba93ae80db5e"> | <img width="969" alt="Screenshot 2023-10-24 at 14 14 09" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/f460edf5-7659-4cc0-8d10-b4ae12dd1cd3"> |
### Improve the "Footer with 3 Menus" pattern. [11379](https://github.com/woocommerce/woocommerce-blocks/pull/11379)
1. Create a new page or post.
2. Insert the `Footer with 3 menus` pattern.
3. Check that it looks like the design.
| Desktop |
| ------ |
| <img width="1397" alt="Screenshot 2023-10-23 at 16 32 48" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/747643d2-7548-41d9-8ce1-8f91bcd1c171">|
| Mobile |
| ------ |
|<img width="334" alt="CleanShot 2023-10-23 at 16 33 30@2x" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/1d94f1ed-dad7-4b9b-ad9c-432acb16c2c2"> |
### Update the "Large footer" pattern. [11413](https://github.com/woocommerce/woocommerce-blocks/pull/11413)
1. Create a new page or post.
2. Insert the `Large Footer` pattern.
3. Check that it looks like the design.
| Desktop |
| ------ |
| <img width="1382" alt="Screenshot 2023-10-23 at 14 52 19" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/3ff9a4ff-f051-4023-9cb7-faf13da68062"> |
| Mobile |
| ------ |
| <img width="342" alt="Screenshot 2023-10-23 at 14 54 43" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/2926804a-8616-4d67-ae1c-e1340c814030"> |
### Improve the "Essential Header". [11449](https://github.com/woocommerce/woocommerce-blocks/pull/11449)
1. Create a new page or post and insert the `Essential Header`.
2. Check it looks like the video below.
<video src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/fc3ba66b-1f9e-4cd2-96b1-c59f2aba1e80" />
### Improve the mobile view for the Minimal header pattern. [11463](https://github.com/woocommerce/woocommerce-blocks/pull/11463)
1. Create a new page or post and insert the `Minimal header` pattern.
2. Check the mobile view looks like the after screenshot below.
| Before | After |
| ------ | ----- |
| <img width="376" alt="Screenshot 2023-10-26 at 11 47 05" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/c1caac6a-c8d6-4144-8978-fe8c75fdd915"> | <img width="379" alt="Screenshot 2023-10-26 at 11 46 46" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/232cc433-a4ba-49b8-912f-bb53e2124713"> |
### Update the Footer with simple menu and cart pattern. [11409](https://github.com/woocommerce/woocommerce-blocks/pull/11409)
1. Create a new page or post.
2. Insert the `Footer with simple menu and cart` pattern.
3. Check that it looks like the design.
<img width="1752" alt="Screenshot 2023-10-24 at 10 50 05" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/a4118ee8-4c86-49d7-bd69-2402a000a4e2">
<img width="537" alt="Screenshot 2023-10-24 at 10 51 13" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/28f69a93-41d0-4272-8766-5fda5a15e0b6">
<img width="383" alt="Screenshot 2023-10-24 at 10 51 21" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/2e762e03-1928-4325-97fa-910408029cb2">
## Should be tested by the development team exclusively
### Update the patterns content after a plugin update. [11210](https://github.com/woocommerce/woocommerce-blocks/pull/11210)
1. Create a Jurassic Ninja site with WooCommerce.
2. Connect JetPack.
3. Install the plugin zip from this PR (<https://wcblocks.wpcomstaging.com/wp-content/uploads/woocommerce-gutenberg-products-block-11210.zip>)
5. Install the [woo-ai](https://github.com/woocommerce/woocommerce-blocks/files/12882468/woo-ai.zip) plugin.
6. Go to your store `/wp-admin/admin.php?page=wc-settings&tab=advanced&section=features` and enter a description for your store (like `A store selling books and magazines`).
#### Simulating plugin update
1. Go to the file editor and in WooCommerce Blocks plugin, in the `woocommerce-gutenberg-products-block.php` file modify the `woocommerce-gutenberg-products-block.php` plugin file and change the `* Version: 11.4.0-dev` comment to some lower version `* Version: 10`.
2. Go to your store plugin's page, you should see the `WooCommerce Blocks` plugin with the version you just changed and a message to update the plugin.
3. Click on it to update the plugin.
4. Go to the Scheduled Actions and make sure a new `woocommerce_update_patterns_content` action is scheduled.