chore: update packages and test snapshots

ZhongAnTech · Jun 1, 2023 · 1836b17 · 1836b17
1 parent a9c41ab
commit 1836b17
Show file tree

Hide file tree

Showing 13 changed files with 491 additions and 509 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -30,12 +30,24 @@ jobs:
           node-version: 16
           cache: 'pnpm'
 
-      - name: Cache
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Cache node_modules
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Cache packages
         uses: actions/cache@v3
         with:
           path: |
-            node_modules
-            */*/node_modules
             packages/zarm-cli/dist
             packages/bem/lib
             packages/zarm-icons/lib
@@ -48,12 +60,10 @@ jobs:
         run: |
           pnpm --filter @zarm-design/* run build
 
-  test-cli:
-    name: Test @zarm-design/cli on Node.js
+  lint:
+    needs: [setup]
+    name: Lint
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [18, 16, 14, 12, 10]
     steps:
       - name: Checkout
         uses: actions/checkout@v3
@@ -69,16 +79,31 @@ jobs:
           node-version: 16
           cache: 'pnpm'
 
-      - name: Install dependencies
-        run: pnpm install
+      - name: Restore node_modules Cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
 
-      - name: Test
-        run: pnpm --filter @zarm-design/cli run test
+      - name: Restore packages Cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            packages/zarm-cli/dist
+            packages/bem/lib
+            packages/zarm-icons/lib
+          key: setup-${{ github.sha }}
 
-  lint:
+      - name: Lint
+        run: pnpm run lint
+
+  test-cli:
     needs: [setup]
-    name: Lint
+    name: Test @zarm-design/cli on Node.js
     runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [18, 16, 14, 12, 10]
     steps:
       - name: Checkout
         uses: actions/checkout@v3
@@ -99,16 +124,13 @@ jobs:
         with:
           path: |
             node_modules
-            */*/node_modules
-            packages/zarm-cli/dist
-            packages/bem/lib
-            packages/zarm-icons/lib
+            packages/**/node_modules
           key: setup-${{ github.sha }}
 
-      - name: Lint
-        run: pnpm run lint
+      - name: Test
+        run: pnpm --filter @zarm-design/cli run test
 
-  Test:
+  test:
     needs: [setup]
     name: Test zarm
     runs-on: ubuntu-latest
@@ -138,7 +160,7 @@ jobs:
         with:
           path: |
             node_modules
-            */*/node_modules
+            packages/**/node_modules
             packages/zarm-cli/dist
             packages/bem/lib
             packages/zarm-icons/lib

diff --git a/package.json b/package.json
@@ -56,6 +56,7 @@
     "eslint-plugin-react": "7.21.5",
     "eslint-plugin-react-hooks": "4.1.2",
     "husky": "^8.0.2",
+    "jest": "^26.5.3",
     "lerna": "^4.0.0",
     "lint-staged": "^13.1.0",
     "only-allow": "^1.1.1",

diff --git a/packages/zarm-cli/package.json b/packages/zarm-cli/package.json
@@ -23,7 +23,6 @@
     "build": "pnpm clean && tsc --build --force",
     "clean": "rimraf dist",
     "dev": "tsc -w",
-    "prepare": "pnpm build",
     "test": "jest"
   },
   "dependencies": {
@@ -70,7 +69,6 @@
     "signale": "^1.4.0",
     "terser-webpack-plugin": "^5.1.2",
     "through2": "^3.0.1",
-    "ts-jest": "^26.5.0",
     "webpack": "^5.75.0",
     "webpack-bundle-analyzer": "^4.8.0",
     "webpack-cli": "^5.0.1",
@@ -81,6 +79,7 @@
   "devDependencies": {
     "@types/node": "^15.3.0",
     "@types/webpack": "^5.28.0",
+    "ts-jest": "^26.5.6",
     "ts-node": "^10.9.1"
   },
   "tags": [

diff --git a/packages/zarm-icons/package.json b/packages/zarm-icons/package.json
@@ -35,6 +35,7 @@
   "devDependencies": {
     "@babel/cli": "^7.13.16",
     "@svgr/cli": "^5.5.0",
+    "@testing-library/react": "^12.0.0",
     "@types/react": "^18.0.26",
     "@zarm-design/cli": "workspace:*",
     "react": "^17.0.2",

diff --git a/packages/zarm/package.json b/packages/zarm/package.json
@@ -98,15 +98,18 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^14.4.3",
     "@types/lodash": "^4.14.182",
+    "@types/node": "^15.3.0",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "@types/react-transition-group": "^4.4.5",
+    "@types/testing-library__jest-dom": "^5.14.6",
     "@zarm-design/cli": "workspace:*",
     "chalk": "^4.1.1",
     "dekko": "^0.2.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "resolve-url-loader": "^5.0.0"
+    "resolve-url-loader": "^5.0.0",
+    "ts-jest": "^26.5.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

diff --git a/packages/zarm/src/button/__tests__/__snapshots__/index.test.tsx.snap b/packages/zarm/src/button/__tests__/__snapshots__/index.test.tsx.snap
@@ -85,7 +85,9 @@ exports[`Button icon 1`] = `
         alt=""
         src="https://zarm.design/images/logo.ce68565d.svg"
       />
-      <span>
+      <span
+        class="za-button__text"
+      >
         foo
       </span>
     </div>
@@ -118,7 +120,9 @@ exports[`Button loading 1`] = `
           />
         </svg>
       </div>
-      <span>
+      <span
+        class="za-button__text"
+      >
         foo
       </span>
     </div>

diff --git a/packages/zarm/src/date-picker-view/__tests__/__snapshots__/index.test.tsx.snap b/packages/zarm/src/date-picker-view/__tests__/__snapshots__/index.test.tsx.snap
@@ -16,13 +16,13 @@ exports[`DatePickerView meridiem hour snapshot 1`] = `
           style="transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform; transition-duration: 800ms; transform: translateX(0px) translateY(NaNpx);"
         >
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             上午
           </div>
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             下午
@@ -49,7 +49,7 @@ exports[`DatePickerView meridiem hour snapshot 1`] = `
             1时
           </div>
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             2时
@@ -97,7 +97,7 @@ exports[`DatePickerView meridiem hour snapshot 1`] = `
             9时
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             10时
@@ -118,7 +118,7 @@ exports[`DatePickerView meridiem hour snapshot 1`] = `
           style="transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform; transition-duration: 800ms; transform: translateX(0px) translateY(NaNpx);"
         >
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             0分
@@ -274,7 +274,7 @@ exports[`DatePickerView meridiem hour snapshot 1`] = `
             25分
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             26分
@@ -530,7 +530,7 @@ exports[`DatePickerView snapshot 1`] = `
             2016年
           </div>
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             2017年
@@ -566,7 +566,7 @@ exports[`DatePickerView snapshot 1`] = `
             2022年
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             2023年
@@ -665,7 +665,7 @@ exports[`DatePickerView snapshot 1`] = `
             4月
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             5月
@@ -707,7 +707,7 @@ exports[`DatePickerView snapshot 1`] = `
             11月
           </div>
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             12月
@@ -734,7 +734,7 @@ exports[`DatePickerView snapshot 1`] = `
             2日
           </div>
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             3日
@@ -902,7 +902,7 @@ exports[`DatePickerView snapshot 1`] = `
             30日
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             31日
@@ -960,7 +960,7 @@ exports[`DatePickerView week snapshot 1`] = `
             2016年
           </div>
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             2017年
@@ -996,7 +996,7 @@ exports[`DatePickerView week snapshot 1`] = `
             2022年
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             2023年
@@ -1197,7 +1197,7 @@ exports[`DatePickerView week snapshot 1`] = `
             21周
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             22周
@@ -1353,7 +1353,7 @@ exports[`DatePickerView week snapshot 1`] = `
             47周
           </div>
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             48周
@@ -1404,7 +1404,7 @@ exports[`DatePickerView week snapshot 1`] = `
             周二
           </div>
           <div
-            class="za-wheel__item"
+            class="za-wheel__item za-wheel__item--selected"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             周三
@@ -1428,7 +1428,7 @@ exports[`DatePickerView week snapshot 1`] = `
             周六
           </div>
           <div
-            class="za-wheel__item za-wheel__item--selected"
+            class="za-wheel__item"
             style="transform: rotateX(NaNdeg); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 800ms; pointer-events: none;"
           >
             周日

diff --git a/packages/zarm/src/date-select/__tests__/__snapshots__/index.test.tsx.snap b/packages/zarm/src/date-select/__tests__/__snapshots__/index.test.tsx.snap
@@ -87,15 +87,15 @@ exports[`DateSelect DateSelect time 1`] = `
 exports[`DateSelect DateSelect trigger visible 1`] = `
 <DocumentFragment>
   <div
-    class="za-date-select"
+    class="za-date-select za-date-select--placeholder"
   >
     <div
       class="za-date-select__input"
     >
       <div
         class="za-date-select__value"
       >
-        2019年4月23日
+        请选择
       </div>
     </div>
     <div