From 8690547dae9661434c89fd0f8baa99f361028d0c Mon Sep 17 00:00:00 2001
From: Anna Wen <54281166+annawen1@users.noreply.github.com>
Date: Mon, 9 Dec 2024 13:08:46 -0500
Subject: [PATCH] chore: point to babelrc from jest config

---
 packages/react/jest.config.js                 |   2 +-
 packages/react/package.json                   |   4 +-
 .../__tests__/ExampleButton-snapshot.tsx      |  10 --
 .../__tests__/ExampleButton-test.js           |   5 +
 ...ot.tsx.snap => ExampleButton-test.js.snap} |   2 +-
 yarn.lock                                     | 118 +++++++++---------
 6 files changed, 71 insertions(+), 70 deletions(-)
 delete mode 100644 packages/react/src/components/ExampleButton/__tests__/ExampleButton-snapshot.tsx
 rename packages/react/src/components/ExampleButton/__tests__/__snapshots__/{ExampleButton-snapshot.tsx.snap => ExampleButton-test.js.snap} (63%)

diff --git a/packages/react/jest.config.js b/packages/react/jest.config.js
index 208056e0..826ce989 100644
--- 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
index 1f74cebd..9d905a9f 100644
--- 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
deleted file mode 100644
index 0fbdcfb6..00000000
--- a/packages/react/src/components/ExampleButton/__tests__/ExampleButton-snapshot.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-// Component.test.tsx
-import { render } from '@testing-library/react';
-import {ExampleButton} from '../components/ExampleButton';
-import React from 'react';
-describe('YourComponent', () => {
-  it('should match snapshot', () => {
-    const { container } = render(<ExampleButton />);
-    expect(container).toMatchSnapshot();
-  });
-});
\ No newline at end of file
diff --git a/packages/react/src/components/ExampleButton/__tests__/ExampleButton-test.js b/packages/react/src/components/ExampleButton/__tests__/ExampleButton-test.js
index 5c837847..3a86cb5a 100644
--- 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/packages/react/src/components/ExampleButton/__tests__/__snapshots__/ExampleButton-snapshot.tsx.snap b/packages/react/src/components/ExampleButton/__tests__/__snapshots__/ExampleButton-test.js.snap
similarity index 63%
rename from packages/react/src/components/ExampleButton/__tests__/__snapshots__/ExampleButton-snapshot.tsx.snap
rename to packages/react/src/components/ExampleButton/__tests__/__snapshots__/ExampleButton-test.js.snap
index a3fddd69..498a0607 100644
--- a/packages/react/src/components/ExampleButton/__tests__/__snapshots__/ExampleButton-snapshot.tsx.snap
+++ b/packages/react/src/components/ExampleButton/__tests__/__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
index 36f49e32..2e2c95e1 100644
--- 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"