chore: add unit test and e2e test

Author: ron0115

.github/workflows/release.yml

@@ -1,58 +1,60 @@
-name: Release
-on:
-  push:
-    branches:
-      - master
-    paths:
-      - 'src/**'
-
-  pull_request:
-    branches:
-      - master
-    paths:
-      - 'src/**'
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Begin CI...
-        uses: actions/checkout@v2
-
-      - name: Use Node 12
-        uses: actions/setup-node@v1
-        with:
-          node-version: 12.x
-
-      - name: Use cached node_modules
-        uses: actions/cache@v1
-        with:
-          path: node_modules
-          key: nodeModules-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            nodeModules-
-
-      - name: Install dependencies
-        run: yarn install --frozen-lockfile
-        env:
-          CI: true
-
-      # - name: Lint
-      #   run: yarn lint
-      #   env:
-      #     CI: true
-
-      # - name: Test
-      #   run: yarn test --ci --coverage --maxWorkers=2
-      #   env:
-      #     CI: true
-
-      - name: Release
-        run: |
-          yarn build
-          npm run release
-          npm run deploy-storybook -- --ci
-        env:
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+name: Release
+on:
+  push:
+    branches:
+      - master
+    paths:
+      - 'src/**'
+
+  pull_request:
+    branches:
+      - master
+    paths:
+      - 'src/**'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Begin CI...
+        uses: actions/checkout@v2
+
+      - name: Use Node 12
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12.x
+
+      - name: Use cached node_modules
+        uses: actions/cache@v1
+        with:
+          path: node_modules
+          key: nodeModules-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            nodeModules-
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+        env:
+          CI: true
+
+      # - name: Lint
+      #   run: yarn lint
+      #   env:
+      #     CI: true
+
+      - name: Test
+        run: |
+          yarn test --ci --coverage --maxWorkers=2
+          yarn test:e2e --ci --coverage --maxWorkers=2
+        env:
+          CI: true
+
+      - name: Release
+        run: |
+          yarn build
+          npm run release
+          npm run deploy-storybook -- --ci
+        env:
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -3,3 +3,5 @@
 node_modules
 .cache
 dist
+.history
+coverage

example/Demo.stories.tsx

@@ -1,38 +1,36 @@
-import useSmoothScroll from 'react-smooth-scroll-hook';
-import React, { useRef } from 'react';
-
-export const Demo = () => {
-  const ref = useRef<HTMLDivElement>(null);
-  const { scrollTo } = useSmoothScroll({
-    ref,
-  });
-
-  return (
-    <>
-      <button onClick={() => scrollTo('#y-item-20')} id={'demo-stories-btn-1'}>
-        scrollTo('#y-item-20')
-      </button>
-      <button onClick={() => scrollTo(400)} id={'demo-stories-btn-2'}>
-        scrollTo(400)
-      </button>
-      <br />
-      <div
-        id={'demo-stories'}
-        ref={ref}
-        style={{
-          overflowY: 'scroll',
-          maxHeight: '200px',
-          padding: '10px',
-        }}
-      >
-        {Array(100)
-          .fill(null)
-          .map((_item, i) => (
-            <div key={i} id={`y-item-${i}`}>
-              y-item-{i}
-            </div>
-          ))}
-      </div>
-    </>
-  );
-};
+import useSmoothScroll from 'react-smooth-scroll-hook';
+import React, { useRef } from 'react';
+
+export const Demo = () => {
+  const ref = useRef<HTMLDivElement>(null);
+  const { scrollTo } = useSmoothScroll({
+    ref,
+  });
+
+  return (
+    <>
+      <button onClick={() => scrollTo('#y-item-20')}>
+        scrollTo('#y-item-20')
+      </button>
+      <button onClick={() => scrollTo(400)}>scrollTo(400)</button>
+      <br />
+      <div
+        id={'demo-stories'}
+        ref={ref}
+        style={{
+          overflowY: 'scroll',
+          maxHeight: '200px',
+          padding: '10px',
+        }}
+      >
+        {Array(100)
+          .fill(null)
+          .map((_item, i) => (
+            <div key={i} id={`y-item-${i}`}>
+              y-item-{i}
+            </div>
+          ))}
+      </div>
+    </>
+  );
+};