chore(npm/webpack-preprocessor): fix CI pipeline

[lmiller1990]

• Closes N/A

User facing changelog

Fix CI pipeline for webpack-preprocessor. It started consistently failing (not sure why).

Additional details

A while ago myself and Chris updated webpack-preprocessor to work with Webpack 5, but adding webpack@5 to the package.json messed up a lot of things in the monorepo.

Instead, we added this script to install webpack@5 as part of the test step for webpack-preprocessor. The main e2e tests run on webpack@5, all example projects on webpack@4. The goal was to get coverage for both Webpack versions.

The script modifies package.json, installs webpack 5, runs the tests, then reverts package.json and runs yarn install to install webpack 4 again. See that part here.

For unknown reasons, the revert part seems to not be working as expected in the last few days, and the example tests run using webpack 5, instead of the expected webpack 4. Generally the examples should work with both versions of webpack.. The problem is the example React project which has some webpack 4 specific config. Specifically, it's using create react app, which uses a deprecated node configuration.

This is no longer valid in webpack 5, which is why CI is failing. I don't why is started failing all of a sudden.

The solution is just to run the destructive tests that use webpack 5 as the last stage of the pipeline. I also updated the snapshots - some snapshots were actually failing, but CI was not. I think it was previously comparing webpack 4 snapshots against the webpack 5 tests, which is not correct.

How has the user experience changed?

PR Tasks

• Have tests been added/updated?
• Has the original issue or this PR been tagged with a release in ZenHub?
• Has a PR for user-facing changes been opened in cypress-documentation?
• Have API changes been updated in the type definitions?
• Have new configuration options been added to the cypress.schema.json?

[cypress-bot]

Thanks for taking the time to open a PR!

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.
• Become familiar with the Code Review Checklist for guidelines on coding standards and what needs to be done before a PR can be merged.

[cypress]

---

Test summary

18192 • 0 • 214 • 7 • 2

---

Run details

Project	cypress
Status	Passed
Commit	3460d9d
Started	Jul 29, 2021 4:40 AM
Ended	Jul 29, 2021 4:52 AM
Duration	11:30 💡
OS	Linux Debian - 10.8
Browser	Multiple

View run in Cypress Dashboard ➡️

---

Flakiness

	cypress/integration/commands/net_stubbing_spec.ts		2
1	network stubbing > intercepting request > can intercept utf-8 request bodies without crashing
2	network stubbing > waiting and aliasing > can timeout waiting on a single request using "alias.request"

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard