Changes

* replace cypress with vitest
* update deps

Author: thednp

.github/workflows/badges.yml

@@ -20,7 +20,7 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Update version badges 🏷
-        run: npx -p dependency-version-badge update-badge typescript cypress eslint prettier vite
+        run: npx -p dependency-version-badge update-badge typescript eslint prettier vitest vite
 
       - name: Commit any changed files 💾
         uses: stefanzweifel/git-auto-commit-action@v4

.github/workflows/ci.yml

@@ -8,40 +8,41 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
-      # - name: Install pnpm
-      #   uses: pnpm/action-setup@v3
+      - name: Install pnpm
+        uses: pnpm/action-setup@v3
 
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          # cache: pnpm
+          cache: pnpm
 
       - name: Install
-        run: npm install
-      - name: Install Cypress
-        run: npx cypress install
+        run: pnpm install --no-frozen-lockfile
+ 
+      - name: Install Playwright
+        run: pnpm exec playwright install
 
-      - name: Lint TS
-        run: npm run lint:ts
-      - name: Lint CSS
-        run: npm run lint:css
-      - name: Check TS
-        run: npm run check:ts
+      - name: Lint
+        run: pnpm lint
 
       - name: Build JS
-        run: npm run build-vite
+        run: pnpm build
+
       - name: Build CSS
-        run: npm run compile-scss
+        run: pnpm compile-scss
+
       - name: Copy CSS
-        run: npm run copy-css-cp
+        run: pnpm copy-css-cp
+
       - name: Copy JS
-        run: npm run docs
+        run: pnpm docs
 
       - name: Clean coverage
-        run: npm run clean-coverage
+        run: pnpm clean-coverage
+
       - name: Run tests
-        run: npx cypress run
+        run: pnpm test
 
       - name: Upload coverage report on to coveralls.io...
         uses: coverallsapp/github-action@master

.gitignore

@@ -3,8 +3,4 @@
 node_modules
 experiments
 coverage
-cypress/videos
-cypress/screenshots
-cypress/downloads
-cypress/coverage
-cypress/instrumented
+test/__screenshots__

.npmignore

@@ -5,8 +5,4 @@ node_modules
 experiments
 docs
 coverage
-cypress/videos
-cypress/screenshots
-cypress/coverage
-cypress/downloads
-cypress/instrumented
+test/__screenshots__

README.md

@@ -4,11 +4,11 @@
 [![ci](https://github.com/thednp/color-picker/actions/workflows/ci.yml/badge.svg)](https://github.com/thednp/color-picker/actions/workflows/ci.yml)
 [![jsDeliver](https://img.shields.io/jsdelivr/npm/hw/@thednp/color-picker)](https://www.jsdelivr.com/package/npm/@thednp/color-picker)
 [![NPM Version](https://img.shields.io/npm/v/@thednp/color-picker.svg)](https://www.npmjs.com/package/@thednp/color-picker)
-[![typescript version](https://img.shields.io/badge/typescript-5.5.4-brightgreen)](https://www.typescriptlang.org/)
-[![eslint version](https://img.shields.io/badge/eslint-8.57.0-brightgreen)](https://github.com/eslint)
+[![typescript version](https://img.shields.io/badge/typescript-5.6.2-brightgreen)](https://www.typescriptlang.org/)
+[![eslint version](https://img.shields.io/badge/eslint-8.57.1-brightgreen)](https://github.com/eslint)
 [![prettier version](https://img.shields.io/badge/prettier-3.3.3-brightgreen)](https://prettier.io/)
-[![cypress version](https://img.shields.io/badge/cypress-13.13.2-brightgreen)](https://cypress.io/)
-[![vite version](https://img.shields.io/badge/vite-5.4.0-brightgreen)](https://github.com/vitejs)
+[![vitest version](https://img.shields.io/badge/vitest-2.1.1-brightgreen)](https://vitest.dev/)
+[![vite version](https://img.shields.io/badge/vite-5.4.6-brightgreen)](https://github.com/vitejs)
 
 The feature rich **ColorPicker** component for the modern web, sourced with TypeScript, Cypress tested, WAI-ARIA compliant and lots of goodies. In addition, it features its own version of [TinyColor](https://github.com/bgrins/TinyColor) called simply [Color](http://github.com/thednp/color).