test: add test case for Slides

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();
+  });
+});

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>
+`;