From f7cc48495b085fe8f6cfa37e80e968d5b47639df Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 1 Jun 2022 23:21:30 +0200 Subject: test: install and configure cypress I also configure Jest to avoid conflicts between Cypress and Jest. --- __tests__/jest/__mocks__/matchMedia.mock.js | 15 ---------- __tests__/utils/test-utils.tsx | 43 ----------------------------- 2 files changed, 58 deletions(-) delete mode 100644 __tests__/jest/__mocks__/matchMedia.mock.js delete mode 100644 __tests__/utils/test-utils.tsx (limited to '__tests__') diff --git a/__tests__/jest/__mocks__/matchMedia.mock.js b/__tests__/jest/__mocks__/matchMedia.mock.js deleted file mode 100644 index a983ad3..0000000 --- a/__tests__/jest/__mocks__/matchMedia.mock.js +++ /dev/null @@ -1,15 +0,0 @@ -Object.defineProperty(window, 'matchMedia', { - writable: true, - value: jest.fn().mockImplementation((query) => ({ - matches: false, - media: query, - onchange: null, - addListener: jest.fn(), // deprecated - removeListener: jest.fn(), // deprecated - addEventListener: jest.fn(), - removeEventListener: jest.fn(), - dispatchEvent: jest.fn(), - })), -}); - -export {}; diff --git a/__tests__/utils/test-utils.tsx b/__tests__/utils/test-utils.tsx deleted file mode 100644 index 1bcea8e..0000000 --- a/__tests__/utils/test-utils.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import { render, RenderOptions } from '@testing-library/react'; -import { ThemeProvider } from 'next-themes'; -import { FC, ReactElement, ReactNode } from 'react'; -import { IntlProvider } from 'react-intl'; - -type ProvidersConfig = { - children: ReactNode; - locale?: 'en' | 'fr'; -}; - -type CustomRenderOptions = { - providers?: ProvidersConfig; - testingLibrary?: Omit; -}; - -/** - * Return a component wrapped with Intl and Theme Provider. - * - * @returns A component wrapped Intl and Theme providers. - */ -const AllTheProviders: FC = ({ children, locale = 'en' }) => { - return ( - - {children} - - ); -}; - -/** - * Render a component with all the providers. - * - * @param {ReactElement} ui - A React component. - * @param {CustomRenderOptions} [options] - An object of render options and providers options. - * @returns A React component wrapped with all the providers. - */ -const customRender = (ui: ReactElement, options?: CustomRenderOptions) => - render(ui, { - wrapper: (props) => , - ...options?.testingLibrary, - }); - -export * from '@testing-library/react'; -export { customRender as render }; -- cgit v1.2.3