chore: point to babelrc from jest config

carbon-design-system · Dec 9, 2024 · 8690547 · 8690547
1 parent d03dd45
commit 8690547
Show file tree

Hide file tree

Showing 6 changed files with 71 additions and 70 deletions.
diff --git a/packages/react/jest.config.js b/packages/react/jest.config.js
@@ -7,7 +7,7 @@ module.exports = {
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   transform: {
     '^.+\\.(ts|tsx)$': 'ts-jest',
-    '^.+\\.(js|jsx)$': 'babel-jest',
+    '^.+\\.(js|jsx)$': ['babel-jest', { configFile: './.babelrc' }],
   },
   setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
 

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -2,7 +2,6 @@
   "name": "@carbon/labs-react-components",
   "version": "0.0.0",
   "private": true,
-  "type": "module",
   "description": "Carbon Labs React components",
   "license": "Apache-2.0",
   "repository": "https://github.com/carbon-design-system/carbon-labs",
@@ -12,7 +11,8 @@
   "scripts": {
     "storybook": "storybook dev -p 3000",
     "build-storybook": "storybook build",
-    "test": "jest"
+    "test": "jest",
+    "test:updateSnapshot": "jest -u"
   },
   "browserslist": {
     "production": [

diff --git a/packages/react/src/components/ExampleButton/__tests__/ExampleButton-snapshot.tsx b/packages/react/src/components/ExampleButton/__tests__/ExampleButton-snapshot.tsx
diff --git a/packages/react/src/components/ExampleButton/__tests__/ExampleButton-test.js b/packages/react/src/components/ExampleButton/__tests__/ExampleButton-test.js
@@ -7,6 +7,11 @@ import { ExampleButton } from '../components/ExampleButton';
 jest.mock('./button.scss', () => ({}));
 describe('ExampleButton', () => {
   describe('renders as expected - Component API', () => {
+    it('should match snapshot', () => {
+      const { container } = render(<ExampleButton />);
+      expect(container).toMatchSnapshot();
+    });
+
     it('renders a button element', () => {
       render(<ExampleButton />);
       expect(screen.getByRole('button')).toBeInTheDocument();

diff --git a/...apshots__/ExampleButton-snapshot.tsx.snap → .../__snapshots__/ExampleButton-test.js.snap b/...apshots__/ExampleButton-snapshot.tsx.snap → .../__snapshots__/ExampleButton-test.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`YourComponent should match snapshot 1`] = `
+exports[`ExampleButton renders as expected - Component API should match snapshot 1`] = `
 <div>
   <button
     class="cds--btn cds--btn--primary"

diff --git a/yarn.lock b/yarn.lock
@@ -2688,6 +2688,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@carbon-labs/example-button@workspace:packages/react/src/components/ExampleButton":
+  version: 0.0.0-use.local
+  resolution: "@carbon-labs/example-button@workspace:packages/react/src/components/ExampleButton"
+  languageName: unknown
+  linkType: soft
+
 "@carbon-labs/network-graph@workspace:packages/web-components/src/components/network-graph":
   version: 0.0.0-use.local
   resolution: "@carbon-labs/network-graph@workspace:packages/web-components/src/components/network-graph"
@@ -2785,6 +2791,62 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/labs-react-components@workspace:packages/react":
+  version: 0.0.0-use.local
+  resolution: "@carbon/labs-react-components@workspace:packages/react"
+  dependencies:
+    "@babel/core": "npm:^7.26.0"
+    "@babel/preset-env": "npm:^7.26.0"
+    "@babel/preset-react": "npm:^7.26.3"
+    "@babel/preset-typescript": "npm:^7.26.0"
+    "@carbon/react": "npm:^1.71.1"
+    "@carbon/styles": "npm:^1.70.0"
+    "@chromatic-com/storybook": "npm:^3.2.2"
+    "@mdx-js/react": "npm:^3.1.0"
+    "@storybook/addon-docs": "npm:^8.4.6"
+    "@storybook/addon-essentials": "npm:^8.4.6"
+    "@storybook/addon-interactions": "npm:^8.4.6"
+    "@storybook/addon-onboarding": "npm:^8.4.6"
+    "@storybook/addon-storysource": "npm:^8.4.6"
+    "@storybook/addon-webpack5-compiler-babel": "npm:^3.0.3"
+    "@storybook/blocks": "npm:^8.4.6"
+    "@storybook/react": "npm:^8.4.6"
+    "@storybook/react-webpack5": "npm:^8.4.6"
+    "@storybook/test": "npm:^8.4.6"
+    "@testing-library/jest-dom": "npm:^5.17.0"
+    "@testing-library/react": "npm:^16.1.0"
+    "@testing-library/user-event": "npm:^14.5.2"
+    "@types/babel__core": "npm:^7"
+    "@types/babel__preset-env": "npm:^7"
+    "@types/jest": "npm:^27.5.2"
+    "@types/node": "npm:^16.18.121"
+    "@types/prop-types": "npm:^15"
+    "@types/react": "npm:^18.3.12"
+    "@types/react-dom": "npm:^18.3.1"
+    autoprefixer: "npm:^10.4.20"
+    babel-jest: "npm:^29.7.0"
+    css-loader: "npm:^7.1.2"
+    eslint-plugin-storybook: "npm:^0.11.1"
+    jest: "npm:^29.7.0"
+    jest-environment-jsdom: "npm:^29.7.0"
+    mini-css-extract-plugin: "npm:^2.9.2"
+    postcss: "npm:^8.4.49"
+    postcss-loader: "npm:^8.1.1"
+    prop-types: "npm:^15.8.1"
+    react: "npm:^18.3.1"
+    react-dom: "npm:^18.3.1"
+    remark-gfm: "npm:^4.0.0"
+    sass-loader: "npm:^16.0.4"
+    storybook: "npm:^8.4.6"
+    storybook-addon-accessibility-checker: "npm:^3.1.61-rc.3"
+    style-loader: "npm:^4.0.0"
+    ts-jest: "npm:^29.2.5"
+    typescript: "npm:^5.2.2"
+    typescript-config-carbon: "npm:^0.3.0"
+    webpack: "npm:^5.97.0"
+  languageName: unknown
+  linkType: soft
+
 "@carbon/labs-web-components@workspace:packages/web-components":
   version: 0.0.0-use.local
   resolution: "@carbon/labs-web-components@workspace:packages/web-components"
@@ -21666,62 +21728,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"my-app@workspace:packages/react":
-  version: 0.0.0-use.local
-  resolution: "my-app@workspace:packages/react"
-  dependencies:
-    "@babel/core": "npm:^7.26.0"
-    "@babel/preset-env": "npm:^7.26.0"
-    "@babel/preset-react": "npm:^7.26.3"
-    "@babel/preset-typescript": "npm:^7.26.0"
-    "@carbon/react": "npm:^1.71.1"
-    "@carbon/styles": "npm:^1.70.0"
-    "@chromatic-com/storybook": "npm:^3.2.2"
-    "@mdx-js/react": "npm:^3.1.0"
-    "@storybook/addon-docs": "npm:^8.4.6"
-    "@storybook/addon-essentials": "npm:^8.4.6"
-    "@storybook/addon-interactions": "npm:^8.4.6"
-    "@storybook/addon-onboarding": "npm:^8.4.6"
-    "@storybook/addon-storysource": "npm:^8.4.6"
-    "@storybook/addon-webpack5-compiler-babel": "npm:^3.0.3"
-    "@storybook/blocks": "npm:^8.4.6"
-    "@storybook/react": "npm:^8.4.6"
-    "@storybook/react-webpack5": "npm:^8.4.6"
-    "@storybook/test": "npm:^8.4.6"
-    "@testing-library/jest-dom": "npm:^5.17.0"
-    "@testing-library/react": "npm:^16.1.0"
-    "@testing-library/user-event": "npm:^14.5.2"
-    "@types/babel__core": "npm:^7"
-    "@types/babel__preset-env": "npm:^7"
-    "@types/jest": "npm:^27.5.2"
-    "@types/node": "npm:^16.18.121"
-    "@types/prop-types": "npm:^15"
-    "@types/react": "npm:^18.3.12"
-    "@types/react-dom": "npm:^18.3.1"
-    autoprefixer: "npm:^10.4.20"
-    babel-jest: "npm:^29.7.0"
-    css-loader: "npm:^7.1.2"
-    eslint-plugin-storybook: "npm:^0.11.1"
-    jest: "npm:^29.7.0"
-    jest-environment-jsdom: "npm:^29.7.0"
-    mini-css-extract-plugin: "npm:^2.9.2"
-    postcss: "npm:^8.4.49"
-    postcss-loader: "npm:^8.1.1"
-    prop-types: "npm:^15.8.1"
-    react: "npm:^18.3.1"
-    react-dom: "npm:^18.3.1"
-    remark-gfm: "npm:^4.0.0"
-    sass-loader: "npm:^16.0.4"
-    storybook: "npm:^8.4.6"
-    storybook-addon-accessibility-checker: "npm:^3.1.61-rc.3"
-    style-loader: "npm:^4.0.0"
-    ts-jest: "npm:^29.2.5"
-    typescript: "npm:^5.2.2"
-    typescript-config-carbon: "npm:^0.3.0"
-    webpack: "npm:^5.97.0"
-  languageName: unknown
-  linkType: soft
-
 "nan@npm:^2.12.1":
   version: 2.19.0
   resolution: "nan@npm:2.19.0"