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. --- src/components/templates/layout/layout.test.tsx | 2 +- src/components/templates/page/page-layout.test.tsx | 2 +- src/components/templates/sectioned/sectioned-layout.test.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) (limited to 'src/components/templates') diff --git a/src/components/templates/layout/layout.test.tsx b/src/components/templates/layout/layout.test.tsx index 914e1cd..eab7a2a 100644 --- a/src/components/templates/layout/layout.test.tsx +++ b/src/components/templates/layout/layout.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@test-utils'; +import { render, screen } from '@tests/utils'; import Layout from './layout'; const body = diff --git a/src/components/templates/page/page-layout.test.tsx b/src/components/templates/page/page-layout.test.tsx index f2d07d7..b5480d8 100644 --- a/src/components/templates/page/page-layout.test.tsx +++ b/src/components/templates/page/page-layout.test.tsx @@ -1,5 +1,5 @@ import { comments } from '@components/organisms/layout/comments-list.fixture'; -import { render, screen } from '@test-utils'; +import { render, screen } from '@tests/utils'; import { BreadcrumbList } from 'schema-dts'; import PageLayout from './page-layout'; diff --git a/src/components/templates/sectioned/sectioned-layout.test.tsx b/src/components/templates/sectioned/sectioned-layout.test.tsx index 9b8bab5..73d7224 100644 --- a/src/components/templates/sectioned/sectioned-layout.test.tsx +++ b/src/components/templates/sectioned/sectioned-layout.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@test-utils'; +import { render, screen } from '@tests/utils'; import { BreadcrumbList } from 'schema-dts'; import SectionedLayout from './sectioned-layout'; -- cgit v1.2.3 From fc7a6e98268d34f313d79c817e38c09ad6cde960 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 2 Jun 2022 23:51:43 +0200 Subject: test(unit): fix Jest errors due to images import I mocked some SVG files and moves the branding photo to public directory. It is more a workaround than a real fix but it works so... --- public/armand-philippot.jpg | Bin 0 -> 24539 bytes src/assets/images/armand-philippot.jpg | Bin 24539 -> 0 bytes src/components/atoms/links/social-link.test.tsx | 3 +++ src/components/organisms/widgets/social-media.test.tsx | 2 ++ src/components/templates/layout/layout.tsx | 2 +- 5 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 public/armand-philippot.jpg delete mode 100644 src/assets/images/armand-philippot.jpg (limited to 'src/components/templates') diff --git a/public/armand-philippot.jpg b/public/armand-philippot.jpg new file mode 100644 index 0000000..735be45 Binary files /dev/null and b/public/armand-philippot.jpg differ diff --git a/src/assets/images/armand-philippot.jpg b/src/assets/images/armand-philippot.jpg deleted file mode 100644 index 735be45..0000000 Binary files a/src/assets/images/armand-philippot.jpg and /dev/null differ diff --git a/src/components/atoms/links/social-link.test.tsx b/src/components/atoms/links/social-link.test.tsx index e13689c..b3f9a4c 100644 --- a/src/components/atoms/links/social-link.test.tsx +++ b/src/components/atoms/links/social-link.test.tsx @@ -6,6 +6,9 @@ import SocialLink from './social-link'; * the svg files manually. */ jest.mock('@assets/images/social-media/github.svg', () => 'svg-file'); +jest.mock('@assets/images/social-media/gitlab.svg', () => 'svg-file'); +jest.mock('@assets/images/social-media/linkedin.svg', () => 'svg-file'); +jest.mock('@assets/images/social-media/twitter.svg', () => 'svg-file'); describe('SocialLink', () => { it('render a social link', () => { diff --git a/src/components/organisms/widgets/social-media.test.tsx b/src/components/organisms/widgets/social-media.test.tsx index 45e4a8a..ec6c536 100644 --- a/src/components/organisms/widgets/social-media.test.tsx +++ b/src/components/organisms/widgets/social-media.test.tsx @@ -13,7 +13,9 @@ const titleLevel = 2; * the svg files manually. */ jest.mock('@assets/images/social-media/github.svg', () => 'svg-file'); +jest.mock('@assets/images/social-media/gitlab.svg', () => 'svg-file'); jest.mock('@assets/images/social-media/linkedin.svg', () => 'svg-file'); +jest.mock('@assets/images/social-media/twitter.svg', () => 'svg-file'); describe('SocialMedia', () => { it('renders the widget title', () => { diff --git a/src/components/templates/layout/layout.tsx b/src/components/templates/layout/layout.tsx index 982b099..693951e 100644 --- a/src/components/templates/layout/layout.tsx +++ b/src/components/templates/layout/layout.tsx @@ -1,4 +1,3 @@ -import photo from '@assets/images/armand-philippot.jpg'; import ButtonLink from '@components/atoms/buttons/button-link'; import Career from '@components/atoms/icons/career'; import CCBySA from '@components/atoms/icons/cc-by-sa'; @@ -18,6 +17,7 @@ import Script from 'next/script'; import { FC, ReactElement, ReactNode, useRef, useState } from 'react'; import { useIntl } from 'react-intl'; import { Person, SearchAction, WebSite, WithContext } from 'schema-dts'; +import photo from '/public/armand-philippot.jpg'; import styles from './layout.module.scss'; export type QueryAction = SearchAction & { -- cgit v1.2.3