From d82279f91167dcd0e3d54db4b94bee7096541184 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sat, 18 Dec 2021 22:57:36 +0800
Subject: [PATCH] =?UTF-8?q?test:=20=E4=BC=98=E5=8C=96=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B=E5=BF=AB=E7=85=A7=E3=80=82=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E7=9A=84=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 test/setup.js                                 |  3 +++
 .../__snapshots__/IconBtn.spec.tsx.snap       |  2 +-
 .../__snapshots__/IsDeveloping.spec.tsx.snap  |  2 +-
 .../LoadingSpinner.spec.tsx.snap              |  4 ++--
 .../__snapshots__/Spinner.spec.tsx.snap       |  2 +-
 .../GroupPanelTree.spec.tsx.snap              | 24 +++++++++----------
 6 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/test/setup.js b/test/setup.js
index da0b85ac..f772496f 100644
--- a/test/setup.js
+++ b/test/setup.js
@@ -1,5 +1,8 @@
 // mock
 jest.mock('tailchat-shared/i18n');
+jest.mock('@iconify/react', () => ({
+  Icon: ({ icon }) => `[iconify icon="${icon}"]`,
+}));
 
 const ignoreErroMessages = [
   /Warning.*not wrapped in act/,
diff --git a/web/src/components/__tests__/__snapshots__/IconBtn.spec.tsx.snap b/web/src/components/__tests__/__snapshots__/IconBtn.spec.tsx.snap
index 469af476..ac9f9705 100644
--- a/web/src/components/__tests__/__snapshots__/IconBtn.spec.tsx.snap
+++ b/web/src/components/__tests__/__snapshots__/IconBtn.spec.tsx.snap
@@ -6,7 +6,7 @@ exports[`IconBtn render 1`] = `
     class="ant-btn ant-btn-circle ant-btn-icon-only border-0 bg-black bg-opacity-30 text-white text-opacity-80 hover:text-opacity-100 hover:bg-opacity-60"
     type="button"
   >
-    <span />
+    [iconify icon="mdi:close"]
   </button>
 </div>
 `;
diff --git a/web/src/components/__tests__/__snapshots__/IsDeveloping.spec.tsx.snap b/web/src/components/__tests__/__snapshots__/IsDeveloping.spec.tsx.snap
index be9664e2..a0737a4d 100644
--- a/web/src/components/__tests__/__snapshots__/IsDeveloping.spec.tsx.snap
+++ b/web/src/components/__tests__/__snapshots__/IsDeveloping.spec.tsx.snap
@@ -5,7 +5,7 @@ exports[`IsDeveloping render 1`] = `
   <div
     class="text-white w-full h-full flex items-center justify-center flex-col"
   >
-    <span />
+    [iconify icon="mdi:code-braces"]
     <p
       class="text-2xl"
     >
diff --git a/web/src/components/__tests__/__snapshots__/LoadingSpinner.spec.tsx.snap b/web/src/components/__tests__/__snapshots__/LoadingSpinner.spec.tsx.snap
index b71ff730..62420d9c 100644
--- a/web/src/components/__tests__/__snapshots__/LoadingSpinner.spec.tsx.snap
+++ b/web/src/components/__tests__/__snapshots__/LoadingSpinner.spec.tsx.snap
@@ -3,7 +3,7 @@
 exports[`LoadingSpinner render 1`] = `
 <div>
   <div>
-    <span />
+    [iconify icon="mdi:loading"]
     加载中...
   </div>
 </div>
@@ -12,7 +12,7 @@ exports[`LoadingSpinner render 1`] = `
 exports[`LoadingSpinner render with text 1`] = `
 <div>
   <div>
-    <span />
+    [iconify icon="mdi:loading"]
     加载中...
   </div>
 </div>
diff --git a/web/src/components/__tests__/__snapshots__/Spinner.spec.tsx.snap b/web/src/components/__tests__/__snapshots__/Spinner.spec.tsx.snap
index b5c7bd40..49ae90e6 100644
--- a/web/src/components/__tests__/__snapshots__/Spinner.spec.tsx.snap
+++ b/web/src/components/__tests__/__snapshots__/Spinner.spec.tsx.snap
@@ -2,6 +2,6 @@
 
 exports[`Spinner render 1`] = `
 <div>
-  <span />
+  [iconify icon="mdi:loading"]
 </div>
 `;
diff --git a/web/src/components/modals/GroupDetail/Panel/__tests__/__snapshots__/GroupPanelTree.spec.tsx.snap b/web/src/components/modals/GroupDetail/Panel/__tests__/__snapshots__/GroupPanelTree.spec.tsx.snap
index 2218fe2f..8d5d242a 100644
--- a/web/src/components/modals/GroupDetail/Panel/__tests__/__snapshots__/GroupPanelTree.spec.tsx.snap
+++ b/web/src/components/modals/GroupDetail/Panel/__tests__/__snapshots__/GroupPanelTree.spec.tsx.snap
@@ -91,13 +91,13 @@ exports[`GroupPanelTree simple render snapshot 1`] = `
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:pencil-outline"]
                       </button>
                       <button
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:trash-can-outline"]
                       </button>
                     </div>
                   </div>
@@ -140,13 +140,13 @@ exports[`GroupPanelTree simple render snapshot 1`] = `
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:pencil-outline"]
                       </button>
                       <button
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:trash-can-outline"]
                       </button>
                     </div>
                   </div>
@@ -189,13 +189,13 @@ exports[`GroupPanelTree simple render snapshot 1`] = `
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:pencil-outline"]
                       </button>
                       <button
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:trash-can-outline"]
                       </button>
                     </div>
                   </div>
@@ -254,13 +254,13 @@ exports[`GroupPanelTree simple render snapshot 1`] = `
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:pencil-outline"]
                       </button>
                       <button
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:trash-can-outline"]
                       </button>
                     </div>
                   </div>
@@ -303,13 +303,13 @@ exports[`GroupPanelTree simple render snapshot 1`] = `
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:pencil-outline"]
                       </button>
                       <button
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:trash-can-outline"]
                       </button>
                     </div>
                   </div>
@@ -352,13 +352,13 @@ exports[`GroupPanelTree simple render snapshot 1`] = `
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:pencil-outline"]
                       </button>
                       <button
                         class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
                         type="button"
                       >
-                        <span />
+                        [iconify icon="mdi:trash-can-outline"]
                       </button>
                     </div>
                   </div>