chore: prevent browser-style resolution in jsdom tests

mswjs · Jan 18, 2024 · 851c8da · 851c8da
1 parent 6ef71b8
commit 851c8da
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/packages/docs/.storybook/main.js b/packages/docs/.storybook/main.js
@@ -1,4 +1,3 @@
-const path = require('path')
 /**
  * @type {import('@storybook/react-webpack5').StorybookConfig}
  */

diff --git a/packages/docs/jest.config.js b/packages/docs/jest.config.js
@@ -19,6 +19,9 @@ module.exports = {
   setupFiles: ['./src/fetch-polyfill.js'],
   setupFilesAfterEnv: ['./src/setupTests.js'],
   testEnvironment: 'jsdom',
+  testEnvironmentOptions: {
+    customExportConditions: [''],
+  },
   transform: {
     '^.+\\.(js|jsx|mjs|cjs|ts|tsx)$': 'react-scripts/config/jest/babelTransform.js',
     '^.+\\.css$': 'react-scripts/config/jest/cssTransform.js',

diff --git a/packages/docs/src/demos/fetch/AddonOnNode.test.jsx b/packages/docs/src/demos/fetch/AddonOnNode.test.jsx
@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render, screen } from '@testing-library/react'
 import { composeStories } from '@storybook/react'
 
@@ -16,9 +19,7 @@ describe('Running msw-addon on node', () => {
 
   it('renders film cards for each film', async () => {
     // Story + msw addon decorator, which resets and applies the server handlers based on story parameters
-    render(
-      mswDecorator(MockedSuccess, { parameters: MockedSuccess.parameters })
-    )
+    render(mswDecorator(MockedSuccess, { parameters: MockedSuccess.parameters }))
 
     expect(screen.getByText(/fetching star wars data/i)).toBeInTheDocument()
 
@@ -35,13 +36,9 @@ describe('Running msw-addon on node', () => {
 
   it('renders error message if it cannot load the films', async () => {
     // Story + msw addon decorator, which resets and applies the server handlers based on story parameters
-    render(
-      mswDecorator(MockedError, { parameters: MockedError.parameters })
-    )
+    render(mswDecorator(MockedError, { parameters: MockedError.parameters }))
 
-    const errorMsgNode = await screen.findByText(
-      /could not fetch star wars data/i
-    )
+    const errorMsgNode = await screen.findByText(/could not fetch star wars data/i)
     expect(errorMsgNode).toBeInTheDocument()
   })
 })