From 2a235c7c793b141d8dba0c94a79183502affeacb Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 13 Feb 2022 22:24:55 +0800
Subject: [PATCH] test: update Icon placeholder

---
 web/src/components/Icon.tsx | 3 ++-
 web/test/setup.js           | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Icon.tsx b/web/src/components/Icon.tsx
index bc52d302..2e6ce2a4 100644
--- a/web/src/components/Icon.tsx
+++ b/web/src/components/Icon.tsx
@@ -1,13 +1,14 @@
 import React, { useState } from 'react';
 import { Icon as Iconify, IconProps } from '@iconify/react';
 
+const placeHolderStyle = { width: '1em', height: '1em' };
 export const Icon: React.FC<Omit<IconProps, 'ref'>> = React.memo((props) => {
   const [loaded, setLoaded] = useState(false);
 
   return (
     <>
       <Iconify {...props} onLoad={() => setLoaded(true)} />
-      {!loaded && <span style={{ width: '1em', height: '1em' }} />}
+      {!loaded && <span style={placeHolderStyle} />}
     </>
   );
 });
diff --git a/web/test/setup.js b/web/test/setup.js
index 5902abc8..81851bfd 100644
--- a/web/test/setup.js
+++ b/web/test/setup.js
@@ -1,6 +1,6 @@
 // mock
 jest.mock('tailchat-shared/i18n');
-jest.mock('@iconify/react', () => ({
+jest.mock('../src/components/Icon', () => ({
   Icon: ({ icon }) => `[iconify icon="${icon}"]`,
 }));
 jest.mock('../src/components/Loadable');