dev: first initial support for playwright

[Soare-Robert-Daniel]

Summary

• Added E2E with Playwright similar to Gutenberg config
• Simplified the JS build pipeline

Warning

E2E for chained actions UI has been disabled since they are too flaky. The UI does not respond to tell to browser automation.

Details

To add Playwright support, I needed to update the wp-scripts package to a newer version. Since the packages were very old, many more upgrades were required to complete the process.

One of them was upgrading the build JS commands. With the newer version, we get a modern compiler that uses modern JS; thus, the build files are now smaller. But also, we get a smarter lint , which was disabled for the moment, and it will be addressed separately since many issues have been reported.

With the upgrade, I also simplified the build process, simplifying and removing some old steps that were no longer needed.

With the wp-scripts and wp-env, the writing test experience should be much smoother and help us maintain good peace with out goals.

Note

The Tagify library used for feed settings is problematic because it uses some custom events that do not seem to trigger the data saving into the input field. Some workaround must be done (like directly injecting the values).

JS Build Files

Our JS build files for feeds import where queuing React from WordPress and also shipping another react version in the build files.

File	Old Size (kb)	New Size (kb)	Reduction (%)
import-onboarding.js	666	101	85
action-popup.js	642	54	91.5
feedback.js	578	4.9	99
block.js	47	40	15

Will affect visual aspect of the product

NO

Test instructions

• Check if everything it is alright.

Check before Pull Request is ready:

• I have written a test and included it in this PR
• I have run all tests and they pass
• The code passes when running the PHP CodeSniffer
• Code meets WordPress Coding Standards for PHP, HTML, CSS and JS
• Security and Sanitization requirements have been followed
• I have assigned a reviewer or two to review this PR (if you're not sure who to assign, we can do this step for you)

Closes #931

[pirate-bot]

Plugin build for 627a5d8 is ready 🛎️!

• Download build

[preda-bogdan]

I left a few changes and concerns that you can check before moving forward with this.

[Soare-Robert-Daniel]

Changes

• Fixed typo for UTM fallback-image
• Added inline-source-map for DEV mode. The naming with .min. has dropped; others from our plugins use the same thing. No collision will happen since the build files are now separated in their folder.
• Created an issue to discuss the flaky behavior of the Feed Edit [DEV] Flaky interface for Feed Edit page #947
• Created an issue for JS linting [DEV] JS formatting and recommendation  #948
• Issue linked regarding the Featured Image problem.

[pirate-bot]

🎉 This PR is included in version 4.4.10 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀