Chore: Update tests and specs for Percy commands

.github/workflows/cd.yml

@@ -15,7 +15,7 @@ jobs:
         node-version: [20.x]
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v4
 
     - uses: szenius/[email protected]
       with:
@@ -57,7 +57,7 @@ jobs:
         NODE_OPTIONS: "--max-old-space-size=8192"
 
     - name: Run Tests (percy)
-      run: npx percy exec -- npx playwright test --grep "percy"
+      run: npm run test:percy:ci
       env:
         PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
         NODE_OPTIONS: "--max-old-space-size=8192"

.github/workflows/ci.yml

@@ -18,7 +18,7 @@ jobs:
         node-version: [20.x]
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v4
 
     - uses: szenius/[email protected]
       with:
@@ -48,20 +48,20 @@ jobs:
     - name: Install Browsers
       run: npx playwright install --with-deps
 
-    - name: Run Tests with Coverage
-      run: npm run test:coverage:ci
-      env:
-        NODE_OPTIONS: "--max-old-space-size=8192"
-
     - name: Build again
       run: npm run build
 
     - name: Run Percy Tests
-      run: npx percy exec -- npx playwright test --grep "percy"
+      run: npm run test:percy:ci
       env:
         NODE_OPTIONS: "--max-old-space-size=8192"
         PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
 
+    - name: Run Tests with Coverage
+      run: npm run test:coverage:ci
+      env:
+        NODE_OPTIONS: "--max-old-space-size=8192"
+
     - name: Coveralls
       uses: coverallsapp/github-action@master
       with:

.stylelintrc.json

@@ -17,6 +17,7 @@
         "use"
       ]
     }],
+    "scss/at-import-partial-extension": null,
     "max-nesting-depth": [4, {
       "ignore": ["pseudo-classes"],
       "ignoreAtRules": [

doc/TESTING.md

@@ -35,7 +35,6 @@ You may want to run the test commands in a few ways depending what your doing. S
 - `npm run test` Silences percy and runs playwright tests, can add `-- component` to this
 - `npx nyc report` Make a readable coverage report
 - `open coverage/index.html` Open the coverage report
-- `npm run test:ci` Command that the `ci` (github actions) runs, shows more log and different report
 - `npx playwright test --update-snapshots` Update snapshots for all tests and
 - `npx playwright test --ui` Run the playwright GUI tool, most things in here are also in the Visual studio code plugin