Skip to content

Commit d28a381

Browse files
minzo-kimminzo-kim
committed
testing dummy
1 parent 3c65ae8 commit d28a381

File tree

16 files changed

+261
-85
lines changed

16 files changed

+261
-85
lines changed

‎.babelrc‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
{
2-
"presets": [
3-
"airbnb"
4-
],
2+
"presets": ["airbnb", "@babel/preset-typescript"],
53
"plugins": ["@emotion"]
64
}

‎demo-app/src/client/Components/Buttons.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import Increment from './Increment';
33

44
function Buttons() {
55
const buttons = [];
6-
for (let i = 0; i < 4; i++) {
6+
for (let i = 0; i < 1; i++) {
77
buttons.push(<Increment key={i} />);
88
}
99

‎jest.config.js‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
const { TextEncoder } = require('util');
2+
module.exports = {
3+
globals: {
4+
TextEncoder: TextEncoder,
5+
},
6+
transform: {
7+
'^.+\\.(js|ts|tsx)$': 'ts-jest',
8+
},
9+
testPathIgnorePatterns: ['www', './src/backend/__tests__/ignore'],
10+
coveragePathIgnorePatterns: ['/src/backend/__tests__/ignore/'],
11+
transformIgnorePatterns: ['/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)'],
12+
testRegex: '(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$',
13+
moduleFileExtensions: ['ts', 'tsx', 'js'],
14+
setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
15+
testEnvironment: 'jsdom',
16+
moduleNameMapper: {
17+
'\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
18+
'<rootDir>/__mocks__/fileMock.js',
19+
'\\.(scss|sass|css)$': 'identity-obj-proxy',
20+
},
21+
};

‎package.json‎

Lines changed: 5 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,6 @@
11
{
22
"name": "reactime",
33
"description": "build web extension bundle.js",
4-
"jest": {
5-
"transform": {
6-
"^.+\\.(js|ts|tsx)$": "ts-jest"
7-
},
8-
"testPathIgnorePatterns": [
9-
"www",
10-
"./src/backend/__tests__/ignore"
11-
],
12-
"coveragePathIgnorePatterns": [
13-
"/src/backend/__tests__/ignore/"
14-
],
15-
"transformIgnorePatterns": [
16-
"/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
17-
],
18-
"testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$",
19-
"moduleFileExtensions": [
20-
"ts",
21-
"tsx",
22-
"js"
23-
],
24-
"setupFilesAfterEnv": [
25-
"@testing-library/jest-dom/extend-expect"
26-
],
27-
"testEnvironment": "jest-environment-jsdom"
28-
},
294
"scripts": {
305
"build": "NODE_OPTIONS=--openssl-legacy-provider webpack --mode production",
316
"dev": "NODE_OPTIONS=--openssl-legacy-provider webpack --mode development --watch",
@@ -35,6 +10,7 @@
3510
"test-backend": "jest --verbose --coverage src/backend",
3611
"test-frontend": "jest --verbose --coverage src/app",
3712
"test-newfront": "jest --verbose --coverage src/app/__tests__new",
13+
"test-zo": "jest --verbose --coverage src/app/__tests__zo",
3814
"test-on": "./node_modules/.bin/jest $1",
3915
"docker-test-lint": "eslint --ext .js --ext .jsx src",
4016
"docs": "typedoc --json docs --inputFiles src/app --inputFiles src/backend --readme docs/readme.md",
@@ -116,7 +92,9 @@
11692
"@babel/plugin-proposal-decorators": "^7.10.5",
11793
"@babel/preset-env": "^7.12.7",
11894
"@babel/preset-react": "^7.12.7",
95+
"@babel/preset-typescript": "^7.21.5",
11996
"@emotion/babel-plugin": "^11.7.2",
97+
"@inrupt/jest-jsdom-polyfills": "^1.6.2",
12098
"@testing-library/jest-dom": "^4.2.4",
12199
"@testing-library/react": "^13.4.0",
122100
"@testing-library/user-event": "^14.4.3",
@@ -153,6 +131,7 @@
153131
"jest-environment-jsdom": "^29.5.0",
154132
"jest-runner-eslint": "^2.0.0",
155133
"jscharting-react": "^1.2.1",
134+
"jsdom": "^21.1.2",
156135
"prettier": "2.8.4",
157136
"puppeteer": "^14.3.0",
158137
"react-devtools-core": "^4.27.3",
@@ -205,12 +184,12 @@
205184
"d3-scale-chromatic": "^3.0.0",
206185
"d3-shape": "^2.0.0",
207186
"d3-zoom": "^3.0.0",
187+
"identity-obj-proxy": "^3.0.0",
208188
"immer": "^9.0.12",
209189
"intro.js": "^5.0.0",
210190
"intro.js-react": "^0.6.0",
211191
"jest-runner": "^26.1.0",
212192
"jscharting": "^3.0.2",
213-
"jsdom": "^21.1.1",
214193
"jsondiffpatch": "^0.3.11",
215194
"lodash": "^4.17.21",
216195
"prop-types": "^15.7.2",

‎src/app/__tests__new/NewTest.test.tsx‎

Lines changed: 9 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,18 @@
1-
import React from 'react'
2-
import {render, screen} from '@testing-library/react'
1+
import React from 'react';
2+
import { render, screen } from '@testing-library/react';
33
// import '@testing-library/jest-dom'
4-
import '@testing-library/jest-dom/extend-expect' // needed this to extend the jest-dom assertions (ex toHaveTextContent)
5-
import MainContainer from '../containers/MainContainer'
6-
7-
8-
9-
test('Main Container should render', () => {
10-
render(<MainContainer />);
11-
screen.debug();
12-
});
13-
4+
import '@testing-library/jest-dom/extend-expect'; // needed this to extend the jest-dom assertions (ex toHaveTextContent)
5+
import MainContainer from '../containers/MainContainer';
146

7+
// test('Main Container should render', () => {
8+
// render(<MainContainer />);
9+
// screen.debug();
10+
// });
1511

1612
// const Header = () => {
1713
// return <h1 className='title'>I am a header</h1>
1814
// };
1915

20-
2116
// test('Test should run, header renders and it has correct stuff', () => {
2217
// render(<Header />);
2318
// // Extract header
@@ -29,4 +24,4 @@ test('Main Container should render', () => {
2924
// expect(header).toBeInTheDocument();
3025
// expect(header).toHaveTextContent('I am a header');
3126
// expect(header).toHaveClass('title');
32-
// });
27+
// });

‎src/app/__tests__new/NewTest.tsx‎

Lines changed: 27 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,28 @@
1-
import React from 'react'
2-
import {render, screen} from '@testing-library/react'
3-
// import '@testing-library/jest-dom'
4-
import '@testing-library/jest-dom/extend-expect' // needed this to extend the jest-dom assertions (ex toHaveTextContent)
5-
// import NewHiContainer from '../containers/NewHiContainer'
6-
import MainContainer from '../containers/MainContainer'
7-
8-
9-
10-
// test('Main Container should render', () => {
11-
// render(<MainContainer />);
1+
// import React from 'react'
2+
// import {render, screen} from '@testing-library/react'
3+
// // import '@testing-library/jest-dom'
4+
// import '@testing-library/jest-dom/extend-expect' // needed this to extend the jest-dom assertions (ex toHaveTextContent)
5+
// // import NewHiContainer from '../containers/NewHiContainer'
6+
// import MainContainer from '../containers/MainContainer'
7+
8+
// // test('Main Container should render', () => {
9+
// // render(<MainContainer />);
10+
// // screen.debug();
11+
// // });
12+
13+
// const Header = () => {
14+
// return <h1 className='title'>I am a header</h1>
15+
// };
16+
17+
// test('Test should run, header renders and it has correct stuff', () => {
18+
// render(<Header />);
19+
// // Extract header
1220
// screen.debug();
13-
// });
14-
15-
16-
17-
const Header = () => {
18-
return <h1 className='title'>I am a header</h1>
19-
};
20-
21-
22-
test('Test should run, header renders and it has correct stuff', () => {
23-
render(<Header />);
24-
// Extract header
25-
screen.debug();
26-
// allows the DOM to be rendered
27-
28-
const header = screen.getByRole('heading');
29-
// Use jest-dom assertions
30-
expect(header).toBeInTheDocument();
31-
expect(header).toHaveTextContent('I am a header');
32-
expect(header).toHaveClass('title');
33-
});
21+
// // allows the DOM to be rendered
22+
23+
// const header = screen.getByRole('heading');
24+
// // Use jest-dom assertions
25+
// expect(header).toBeInTheDocument();
26+
// expect(header).toHaveTextContent('I am a header');
27+
// expect(header).toHaveClass('title');
28+
// });

‎src/app/__tests__zo/ZoTest.test.tsx‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
// purpose of this file is to start testing front end/components using RTL
2+
import React from 'react';
3+
import { render, screen } from '@testing-library/react';
4+
import '@testing-library/jest-dom/extend-expect'; // needed this to extend the jest-dom assertions (ex toHaveTextContent)
5+
import Header from './ZoTest';
6+
import MainContainer from '../containers/MainContainer';
7+
import App from '../components/App';
8+
import SwitchAppDropdown from '../components/SwitchApp';
9+
10+
test('Main Container should render', () => {
11+
render(<MainContainer />);
12+
screen.debug();
13+
});
14+
// test('App should render', () => {
15+
// render(<App />);
16+
// screen.debug();
17+
// });
18+
// test('Switchapp should render', () => {
19+
// render(<SwitchAppDropdown />);
20+
// screen.debug();
21+
// });
22+
23+
// test('Test should run, header renders and it has correct stuff', () => {
24+
// render(<Header />);
25+
// // Extract header
26+
// screen.debug();
27+
// // allows the DOM to be rendered
28+
// });

‎src/app/__tests__zo/ZoTest.tsx‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import React from 'react';
2+
import { render, screen } from '@testing-library/react';
3+
// import '@testing-library/jest-dom'
4+
import '@testing-library/jest-dom/extend-expect'; // needed this to extend the jest-dom assertions (ex toHaveTextContent)
5+
// import NewHiContainer from '../containers/NewHiContainer'
6+
import MainContainer from '../containers/MainContainer';
7+
8+
// test('Main Container should render', () => {
9+
// render(<MainContainer />);
10+
// screen.debug();
11+
// });
12+
13+
const Header = (): JSX.Element => {
14+
return <h1 className='title'>I am a header</h1>;
15+
};
16+
17+
test('Test should run, header renders and it has correct stuff', () => {
18+
render(<Header />);
19+
// Extract header
20+
screen.debug();
21+
// allows the DOM to be rendered
22+
23+
const header = screen.getByRole('heading');
24+
// Use jest-dom assertions
25+
expect(header).toBeInTheDocument();
26+
expect(header).toHaveTextContent('I am a header');
27+
expect(header).toHaveClass('title');
28+
});
29+
30+
export default Header;

‎src/app/components/SwitchApp.tsx‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,9 @@ const SwitchAppDropdown = () => {
2424
return { ...provided, outline, margin };
2525
},
2626
};
27+
console.log('currTab', currTab);
28+
console.log('customStyles', customStyles);
29+
console.log('tabsArray', tabsArray);
2730

2831
return (
2932
<Select

‎src/app/components/Tutorial.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import { tutorialSaveSeriesToggle, setCurrentTabInApp } from '../actions/actions
1111

1212
//Must be required in. This enables compatibility with TS. If imported in, throws ts error of not rendering steps as a class component correctly.
1313
const { Steps } = require('intro.js-react');
14+
// import { Steps } from 'intro.js-react';
1415

1516
interface tutorialProps {
1617
dispatch: (object) => void;

0 commit comments

Comments
 (0)