fix: fetch api polyfill

[abreu-ct]

This PR adds Request and Response to the Fetch API polyfill. Unfortunately jsdom does not provide a way to use Node native Fetch API, I used the same approach for the Headers class and also exported Request and Response from node-fetch.

This PR will allow running jest tests with jsdom env that relies on the Fetch API fixing https://github.com/commercetools/merchant-center-frontend/pull/15461

Notes:

In setup-test-framework.js#L2 we are using the unfetch/polyfill to export the Fetch function and relying on node-fetch to export Headers, Request and Response. I tried to change unfetch/polyfill polyfill but unfortunately some tests in merchant-center-frontend started to fail.

[changeset-bot]

🦋 Changeset detected

Latest commit: d9d68b0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 36 packages

Name	Type
@commercetools-frontend/jest-preset-mc-app	Patch
@commercetools-applications/merchant-center-template-starter-typescript	Patch
@commercetools-applications/merchant-center-template-starter	Patch
@commercetools-applications/merchant-center-custom-view-template-starter-typescript	Patch
@commercetools-backend/eslint-config-node	Patch
@commercetools-backend/express	Patch
@commercetools-backend/loggers	Patch
@commercetools-frontend/actions-global	Patch
@commercetools-frontend/application-components	Patch
@commercetools-frontend/application-config	Patch
@commercetools-frontend/application-shell-connectors	Patch
@commercetools-frontend/application-shell	Patch
@commercetools-frontend/assets	Patch
@commercetools-frontend/babel-preset-mc-app	Patch
@commercetools-frontend/browser-history	Patch
@commercetools-frontend/codemod	Patch
@commercetools-frontend/constants	Patch
@commercetools-frontend/create-mc-app	Patch
@commercetools-frontend/cypress	Patch
@commercetools-frontend/eslint-config-mc-app	Patch
@commercetools-frontend/i18n	Patch
@commercetools-frontend/jest-stylelint-runner	Patch
@commercetools-frontend/l10n	Patch
@commercetools-frontend/mc-dev-authentication	Patch
@commercetools-frontend/mc-html-template	Patch
@commercetools-frontend/mc-scripts	Patch
@commercetools-frontend/notifications	Patch
@commercetools-frontend/permissions	Patch
@commercetools-frontend/react-notifications	Patch
@commercetools-frontend/sdk	Patch
@commercetools-frontend/sentry	Patch
@commercetools-frontend/url-utils	Patch
@commercetools-local/playground	Patch
@commercetools-local/visual-testing-app	Patch
@commercetools-website/custom-applications	Patch
@commercetools-website/components-playground	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[emmenko]

Thanks!

[github-actions]

Deploy preview for merchant-center-application-kit ready!

✅ Preview
https://merchant-center-application-og4cd7s5g-commercetools.vercel.app
https://appkit-sha-8aca4ebd31a29b2b0410b91e2e463a13600002cb.commercetools.vercel.app
https://appkit-pr-3262.commercetools.vercel.app

Built with commit d9d68b0.
This pull request is being automatically deployed with vercel-action

[harm-meijer]

@tdeekens @emmenko @abreu-ct I understand why someone would add a polyfill for fetch since that is what a quick google would suggest but that polyfill isn't needed when you use node 18 and would not be needed in a browser for quite some time. The root cause of this issue is because the jsdom environment is outdated and a custom profile representing a more up to date jsdom environment would have solved this better in my opinion.

[emmenko]

Thanks for the feedback. That sounds indeed like a better solution.

I'll take a note for us to look into that as a follow up.

[tdeekens]

Thanks make sense. Let's follow-up and first unblock the team :)