diff --git a/jest.config.js b/jest.config.js index b223c23..e49c895 100644 --- a/jest.config.js +++ b/jest.config.js @@ -1,5 +1,5 @@ const { pathsToModuleNameMapper } = require('ts-jest'); -const { compilerOptions } = require('./tsconfig'); +const { compilerOptions } = require('./tsconfig.json'); const aliases = pathsToModuleNameMapper(compilerOptions.paths, { prefix: '' @@ -14,4 +14,4 @@ module.exports = { '\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '/src/__mocks__/fileMock.ts', '\\.(css|sass|scss|less)$': 'identity-obj-proxy' }, -}; \ No newline at end of file +}; diff --git a/package-lock.json b/package-lock.json index 4f593de..a4fe5da 100644 --- a/package-lock.json +++ b/package-lock.json @@ -25,6 +25,7 @@ "@storybook/cli": "^9.0.17", "@storybook/preset-scss": "^1.0.3", "@storybook/react-webpack5": "^9.0.17", + "@testing-library/dom": "^10.4.0", "@testing-library/jest-dom": "^6.6.3", "@testing-library/react": "^16.3.0", "@testing-library/user-event": "^14.6.1", @@ -38,7 +39,7 @@ "clean-webpack-plugin": "^4.0.0", "css-loader": "^7.1.2", "css-minimizer-webpack-plugin": "^7.0.2", - "cypress": "^14.5.1", + "cypress": "^14.5.2", "dotenv": "^17.2.0", "eslint": "^9.31.0", "eslint-plugin-react": "^7.37.5", @@ -4853,7 +4854,6 @@ "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", @@ -4968,8 +4968,7 @@ "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz", "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/@types/babel__core": { "version": "7.20.5", @@ -8379,8 +8378,7 @@ "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz", "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/dom-converter": { "version": "0.2.0", @@ -13525,7 +13523,6 @@ "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==", "dev": true, "license": "MIT", - "peer": true, "bin": { "lz-string": "bin/bin.js" } @@ -15262,7 +15259,6 @@ "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "ansi-regex": "^5.0.1", "ansi-styles": "^5.0.0", @@ -15278,7 +15274,6 @@ "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=10" }, @@ -15497,8 +15492,7 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/readdirp": { "version": "3.6.0", diff --git a/package.json b/package.json index b2e436d..6c3f1a4 100644 --- a/package.json +++ b/package.json @@ -48,6 +48,7 @@ "@storybook/cli": "^9.0.17", "@storybook/preset-scss": "^1.0.3", "@storybook/react-webpack5": "^9.0.17", + "@testing-library/dom": "^10.4.0", "@testing-library/jest-dom": "^6.6.3", "@testing-library/react": "^16.3.0", "@testing-library/user-event": "^14.6.1", @@ -61,7 +62,7 @@ "clean-webpack-plugin": "^4.0.0", "css-loader": "^7.1.2", "css-minimizer-webpack-plugin": "^7.0.2", - "cypress": "^14.5.1", + "cypress": "^14.5.2", "dotenv": "^17.2.0", "eslint": "^9.31.0", "eslint-plugin-react": "^7.37.5", diff --git a/src/components/__tests__/Card.test.tsx b/src/components/__tests__/Card.test.tsx index fb06f19..341623d 100644 --- a/src/components/__tests__/Card.test.tsx +++ b/src/components/__tests__/Card.test.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { render, screen } from '@testing-library/react'; import { Card } from '@components'; -describe(' Component', () => { +describe(' Component', () => { beforeEach(() => { // fetchMock.resetMocks(); render(

Test Content

) @@ -12,13 +12,13 @@ describe(' Component', () => { //First Data Fetch data: 'data' })); */ - screen.getByText('Test Title') + expect(screen.getByText('Test Title')).toBeInTheDocument(); }) it('Show Child Component', async () => { /* fetchMock.mockResponseOnce(JSON.stringify({ //First Data Fetch data: 'data' })); */ - screen.getByText('Test Content') + expect(screen.getByText('Test Content')).toBeInTheDocument(); }) })