From 1f4aa542111cb8fd180deaa1734ffd3eb1ac1764 Mon Sep 17 00:00:00 2001 From: Divlo Date: Thu, 28 Jul 2022 22:51:12 +0200 Subject: [PATCH] chore: remove jest -> cypress for unit tests --- .eslintignore | 16 - .eslintrc.json | 3 +- .gitignore | 3 +- .html-w3c-validatorrc.json | 2 +- .lintstagedrc.json | 8 +- components/Footer.tsx | 1 + components/Header/__test__/Header.test.tsx | 10 - components/Header/index.tsx | 10 +- components/__test__/ErrorPage.test.tsx | 15 - components/__test__/Footer.test.tsx | 16 - cypress.config.ts | 9 + cypress/component/Footer.cy.tsx | 18 + cypress/component/utils/getAge.cy.ts | 17 + cypress/e2e/common/Header.cy.ts | 2 + cypress/e2e/pages/404.cy.ts | 2 + cypress/e2e/pages/500.cy.ts | 2 + cypress/e2e/pages/blog/[slug].cy.ts | 2 + cypress/e2e/pages/blog/index.cy.ts | 2 + cypress/e2e/pages/index.cy.ts | 2 + cypress/fixtures/example.json | 1 + cypress/support/commands.ts | 3 + cypress/support/component-index.html | 14 + cypress/support/component.ts | 13 + cypress/tsconfig.json | 9 - jest.config.js | 14 - jsonresume-theme-custom/index.js | 28 - package-lock.json | 4295 +------------------- package.json | 10 +- pages/404.tsx | 2 +- pages/500.tsx | 2 +- pages/index.tsx | 2 +- tsconfig.json | 11 +- utils/__test__/getAge.test.ts | 15 - 33 files changed, 187 insertions(+), 4372 deletions(-) delete mode 100644 .eslintignore delete mode 100644 components/Header/__test__/Header.test.tsx delete mode 100644 components/__test__/ErrorPage.test.tsx delete mode 100644 components/__test__/Footer.test.tsx create mode 100644 cypress/component/Footer.cy.tsx create mode 100644 cypress/component/utils/getAge.cy.ts create mode 100644 cypress/fixtures/example.json create mode 100644 cypress/support/commands.ts create mode 100644 cypress/support/component-index.html create mode 100644 cypress/support/component.ts delete mode 100644 cypress/tsconfig.json delete mode 100644 jest.config.js delete mode 100644 jsonresume-theme-custom/index.js delete mode 100644 utils/__test__/getAge.test.ts diff --git a/.eslintignore b/.eslintignore deleted file mode 100644 index e2e5bab..0000000 --- a/.eslintignore +++ /dev/null @@ -1,16 +0,0 @@ -cypress.config.ts -node_modules -.vscode -.git -build -.next -coverage -node_modules -tmp -temp -.DS_Store -.lighthouseci -.vercel -public/workbox-*.js -public/sw.js -cypress diff --git a/.eslintrc.json b/.eslintrc.json index e6f04ae..39ad06e 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -6,8 +6,7 @@ }, "env": { "node": true, - "browser": true, - "jest": true + "browser": true }, "rules": { "prettier/prettier": "error", diff --git a/.gitignore b/.gitignore index 9f98c06..ccde223 100644 --- a/.gitignore +++ b/.gitignore @@ -11,8 +11,7 @@ out # production build dist -public/*.html -jsonresume-theme-custom/theme/index.html +public/curriculum-vitae # PWA public/workbox-*.js public/sw.js diff --git a/.html-w3c-validatorrc.json b/.html-w3c-validatorrc.json index b9bf2d6..9bd2743 100644 --- a/.html-w3c-validatorrc.json +++ b/.html-w3c-validatorrc.json @@ -4,5 +4,5 @@ "http://localhost:3000/blog", "http://localhost:3000/blog/hello-world" ], - "files": ["./public/curriculum-vitae.html"] + "files": ["./public/curriculum-vitae/index.html"] } diff --git a/.lintstagedrc.json b/.lintstagedrc.json index 20f5318..7a275b7 100644 --- a/.lintstagedrc.json +++ b/.lintstagedrc.json @@ -1,10 +1,6 @@ { "*": ["editorconfig-checker"], - "*.{js,jsx,ts,tsx}": [ - "prettier --write", - "eslint --fix", - "jest --findRelatedTests" - ], + "*.{js,jsx,ts,tsx}": ["prettier --write", "eslint --fix"], "*.{css,scss,sass,json,jsonc,yml,yaml}": ["prettier --write"], - "*.{md,mdx}": ["prettier --write", "markdownlint --dot --fix"] + "*.{md,mdx}": ["prettier --write", "markdownlint-cli2 --fix"] } diff --git a/components/Footer.tsx b/components/Footer.tsx index 0fa570b..2114289 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -27,6 +27,7 @@ export const Footer: React.FC = (props) => {

Version{' '} ', () => { - it('should render', () => { - const { getByText } = render(

) - expect(getByText('Divlo')).toBeInTheDocument() - }) -}) diff --git a/components/Header/index.tsx b/components/Header/index.tsx index 1c363c2..ef16fba 100644 --- a/components/Header/index.tsx +++ b/components/Header/index.tsx @@ -4,13 +4,7 @@ import Image from 'next/image' import { Language } from './Language' import { SwitchTheme } from './SwitchTheme' -export interface HeaderProps { - showLanguage?: boolean -} - -export const Header: React.FC = (props) => { - const { showLanguage = false } = props - +export const Header: React.FC = () => { return (
@@ -40,7 +34,7 @@ export const Header: React.FC = (props) => { - {showLanguage && } +
diff --git a/components/__test__/ErrorPage.test.tsx b/components/__test__/ErrorPage.test.tsx deleted file mode 100644 index fecaf43..0000000 --- a/components/__test__/ErrorPage.test.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { render } from '@testing-library/react' - -import { ErrorPage } from '../ErrorPage' - -describe('', () => { - it('should render the message and statusCode', () => { - const messageContent = 'message content' - const statusCode = 404 - const { getByText } = render( - - ) - expect(getByText(messageContent)).toBeInTheDocument() - expect(getByText(statusCode)).toBeInTheDocument() - }) -}) diff --git a/components/__test__/Footer.test.tsx b/components/__test__/Footer.test.tsx deleted file mode 100644 index 7ca005e..0000000 --- a/components/__test__/Footer.test.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { render } from '@testing-library/react' - -import { Footer } from '../Footer' - -describe('