From fc7a6e98268d34f313d79c817e38c09ad6cde960 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
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...
---
 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 +-
 4 files changed, 6 insertions(+), 1 deletion(-)
 delete mode 100644 src/assets/images/armand-philippot.jpg

(limited to 'src')

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