Updated @automattic/tour-kit to 1.1.1 which has live resize functionality

[rjchow]

All Submissions:

• Have you followed the WooCommerce Contributing guideline?
• Does your code follow the WordPress' coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

Adds live resize functionality to the tour kit spotlight so that it follows the referenced element even when it moves or resizes.

How to test the changes in this Pull Request:

Same as #33268

1. Install and activate WCA Test Helper
2. Go to Tools > WCA Test Helper > Features
3. Enable experimental-product-tour
4. Go to Tools > WCA Test Helper > Experiments
5. Add woocommerce_products_tour to treatment
6. Go to WooCommerce > Home
7. Click on "Add My Products" > Start with a template
8. Select physical products and click "Go"
9. Click Next button
10. Observe the spotlight feature as per recording

Code_AfvJqN14iW.mp4

Notice that at the start of the recording I insert an element before the spotlit input field and the spotlight moves along with it. Previously that would not have updated. This also applies to notices that show up after the page has loaded.

The snippet I used to add a <p> element before the spotlit element looks like this:
document.querySelector("input.wp-tour-kit-spotlit").parentElement.insertBefore(document.createElement("p", "a"), document.querySelector("input.wp-tour-kit-spotlit"))

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you successfully run tests with your changes locally?
• Have you created a changelog file for each project being changed, ie pnpm changelog add --filter=<project>?

FOR PR REVIEWER ONLY:

• I have reviewed that everything is sanitized/escaped appropriately for any SQL or XSS injection possibilities. I made sure Linting is not ignored or disabled.

[chihsuan]

@rjchow Thanks for working on this. Tested well and looks perfect!

[botwoo]

📊 Test reports for this pull request have been published and are accessible through the following links:

• REST API Test Report
• E2E Test Report (TBC)

Latest commit referenced in the reports: Updated @automattic/tour-kit to 1.1.1 which has live resize functiona… a369815
This comment will automatically be updated with the latest referenced commit when you push new changes to this pull request.

---

Visit the WooCommerce Test Reports homepage to view all published reports. See the FAQs page if you're having problems accessing them.

[github-actions]

Hi @rjchow, thanks for merging this pull request. Please take a look at these follow-up tasks you may need to perform:

• Add the release: add testing instructions label