test: fix ci

react-component · Aug 13, 2024 · fb60f95 · fb60f95
1 parent 1ce6c3b
commit fb60f95
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 144 deletions.
diff --git a/jest.config.js b/jest.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  snapshotSerializers: [require.resolve('enzyme-to-json/serializer')],
+};
diff --git a/src/index.tsx b/src/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
-import Column, { type FooterColumn } from './column';
+import Column from './column';
+import type { FooterColumn } from './column';
 
 export interface FooterProps {
   prefixCls?: string;

diff --git a/tests/__snapshots__/index.spec.tsx.snap b/tests/__snapshots__/index.spec.tsx.snap
@@ -1,162 +1,72 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`rc-footer render Footer with columnLayout and backgroundColor 1`] = `
-LoadedCheerio {
-  "0": <footer
-    class="rc-footer rc-footer-dark"
-    style="color: red; background-color: transparent;"
+<footer
+  class="rc-footer rc-footer-dark"
+  style="color: red; background-color: transparent;"
+>
+  <section
+    class="rc-footer-container"
   >
     <section
-      class="rc-footer-container"
+      class="rc-footer-columns"
+      style="justify-content: space-between;"
     >
-      <section
-        class="rc-footer-columns"
-        style="justify-content: space-between;"
+      <div
+        class="rc-footer-column"
       >
-        <div
-          class="rc-footer-column"
-        >
-          <h2>
-            title
-          </h2>
-        </div>
-        <div
-          class="rc-footer-column"
-        >
-          <h2>
-            title
-          </h2>
-        </div>
-      </section>
+        <h2>
+          title
+        </h2>
+      </div>
+      <div
+        class="rc-footer-column"
+      >
+        <h2>
+          title
+        </h2>
+      </div>
     </section>
-  </footer>,
-  "_root": LoadedCheerio {
-    "0": Document {
-      "children": [
-        <html>
-          <head />
-          <body />
-        </html>,
-      ],
-      "endIndex": null,
-      "next": null,
-      "parent": null,
-      "prev": null,
-      "startIndex": null,
-      "type": "root",
-      "x-mode": "quirks",
-    },
-    "_root": [Circular],
-    "length": 1,
-    "options": {
-      "decodeEntities": true,
-      "xml": false,
-    },
-  },
-  "length": 1,
-  "options": {
-    "decodeEntities": true,
-    "xml": false,
-  },
-}
+  </section>
+</footer>
 `;
 
 exports[`rc-footer render empty Footer 1`] = `
-LoadedCheerio {
-  "0": <footer
-    class="rc-footer rc-footer-dark"
-  >
-    <section
-      class="rc-footer-container"
-    />
-  </footer>,
-  "_root": LoadedCheerio {
-    "0": Document {
-      "children": [
-        <html>
-          <head />
-          <body />
-        </html>,
-      ],
-      "endIndex": null,
-      "next": null,
-      "parent": null,
-      "prev": null,
-      "startIndex": null,
-      "type": "root",
-      "x-mode": "quirks",
-    },
-    "_root": [Circular],
-    "length": 1,
-    "options": {
-      "decodeEntities": true,
-      "xml": false,
-    },
-  },
-  "length": 1,
-  "options": {
-    "decodeEntities": true,
-    "xml": false,
-  },
-}
+<footer
+  class="rc-footer rc-footer-dark"
+>
+  <section
+    class="rc-footer-container"
+  />
+</footer>
 `;
 
 exports[`rc-footer render light theme Footer 1`] = `
-LoadedCheerio {
-  "0": <footer
-    class="rc-footer rc-footer-light"
-    style="color: red;"
+<footer
+  class="rc-footer rc-footer-light"
+  style="color: red;"
+>
+  <section
+    class="rc-footer-container"
   >
     <section
-      class="rc-footer-container"
+      class="rc-footer-columns"
     >
-      <section
-        class="rc-footer-columns"
+      <div
+        class="rc-footer-column"
+      >
+        <h2>
+          title
+        </h2>
+      </div>
+      <div
+        class="rc-footer-column"
       >
-        <div
-          class="rc-footer-column"
-        >
-          <h2>
-            title
-          </h2>
-        </div>
-        <div
-          class="rc-footer-column"
-        >
-          <h2>
-            title
-          </h2>
-        </div>
-      </section>
+        <h2>
+          title
+        </h2>
+      </div>
     </section>
-  </footer>,
-  "_root": LoadedCheerio {
-    "0": Document {
-      "children": [
-        <html>
-          <head />
-          <body />
-        </html>,
-      ],
-      "endIndex": null,
-      "next": null,
-      "parent": null,
-      "prev": null,
-      "startIndex": null,
-      "type": "root",
-      "x-mode": "quirks",
-    },
-    "_root": [Circular],
-    "length": 1,
-    "options": {
-      "decodeEntities": true,
-      "xml": false,
-    },
-  },
-  "length": 1,
-  "options": {
-    "decodeEntities": true,
-    "xml": false,
-  },
-}
+  </section>
+</footer>
 `;
diff --git a/tests/index.spec.tsx b/tests/index.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import Footer from '../index';
+import Footer from '../src';
 
 describe('rc-footer', () => {
   it('render empty Footer', () => {