From f2cd68b1ac289f703239c7c0475a0fcde73a9586 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Fri, 23 Jul 2021 09:56:46 +0800
Subject: [PATCH] test: add test case for Slides

---
 web/src/components/__tests__/Slides.spec.tsx  | 22 ++++++
 .../__snapshots__/Slides.spec.tsx.snap        | 79 +++++++++++++++++++
 2 files changed, 101 insertions(+)
 create mode 100644 web/src/components/__tests__/Slides.spec.tsx
 create mode 100644 web/src/components/__tests__/__snapshots__/Slides.spec.tsx.snap

diff --git a/web/src/components/__tests__/Slides.spec.tsx b/web/src/components/__tests__/Slides.spec.tsx
new file mode 100644
index 00000000..1fd9456f
--- /dev/null
+++ b/web/src/components/__tests__/Slides.spec.tsx
@@ -0,0 +1,22 @@
+import { render } from '@testing-library/react';
+import React from 'react';
+import { Slides } from '../Slides';
+
+describe('Slides', () => {
+  test('render', () => {
+    const wrapper = render(
+      <Slides>
+        <div>
+          <h1>1</h1>
+        </div>
+        <div>
+          <h1>2</h1>
+        </div>
+        <div>
+          <h1>3</h1>
+        </div>
+      </Slides>
+    );
+    expect(wrapper.container).toMatchSnapshot();
+  });
+});
diff --git a/web/src/components/__tests__/__snapshots__/Slides.spec.tsx.snap b/web/src/components/__tests__/__snapshots__/Slides.spec.tsx.snap
new file mode 100644
index 00000000..1d353d69
--- /dev/null
+++ b/web/src/components/__tests__/__snapshots__/Slides.spec.tsx.snap
@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Slides render 1`] = `
+<div>
+  <div
+    class="ant-carousel"
+  >
+    <div
+      class="slick-slider slides slick-initialized"
+      dir="ltr"
+    >
+      <div
+        class="slick-list"
+        style="height: 0px;"
+      >
+        <div
+          class="slick-track"
+          style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
+        >
+          <div
+            aria-hidden="false"
+            class="slick-slide slick-active slick-current"
+            data-index="0"
+            style="outline: none; width: 0px;"
+            tabindex="-1"
+          >
+            <div>
+              <div
+                style="width: 100%; display: inline-block;"
+                tabindex="-1"
+              >
+                <h1>
+                  1
+                </h1>
+              </div>
+            </div>
+          </div>
+          <div
+            aria-hidden="true"
+            class="slick-slide"
+            data-index="1"
+            style="outline: none; width: 0px;"
+            tabindex="-1"
+          >
+            <div>
+              <div
+                style="width: 100%; display: inline-block;"
+                tabindex="-1"
+              >
+                <h1>
+                  2
+                </h1>
+              </div>
+            </div>
+          </div>
+          <div
+            aria-hidden="true"
+            class="slick-slide"
+            data-index="2"
+            style="outline: none; width: 0px;"
+            tabindex="-1"
+          >
+            <div>
+              <div
+                style="width: 100%; display: inline-block;"
+                tabindex="-1"
+              >
+                <h1>
+                  3
+                </h1>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;