fix: tests and types

Author: ugogo

.eslintrc

@@ -4,7 +4,7 @@
   "parserOptions": {
     "project": ["./tsconfig.json"]
   },
-  "plugins": ["@typescript-eslint", "babel-plugin-styled-components"],
+  "plugins": ["@typescript-eslint"],
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",

package.json

@@ -43,11 +43,7 @@
     "dev": "npm run storybook",
     "dev:watch": "rollup -cw",
     "build": "rollup -c",
-    "test": "run-s test:unit test:lint test:build",
-    "test:build": "run-s build",
-    "test:lint": "eslint \"./src/**/*.+(ts|tsx)\"",
-    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
+    "test": "vitest",
     "release": "npm run test && npm run prepare && dotenv release-it",
     "lint": "eslint src --ext .js,.ts,.tsx",
     "format": "prettier --write src",
@@ -71,17 +67,15 @@
     "@storybook/manager-webpack5": "^6.5.12",
     "@storybook/react": "^6.5.12",
     "@storybook/testing-library": "^0.0.13",
-    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.0.3",
     "@types/node": "^18.7.18",
     "@types/react": "^18.0.20",
     "@types/react-dom": "^18.0.6",
+    "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "^5.38.0",
     "@typescript-eslint/parser": "^5.38.0",
     "babel-loader": "^8.2.5",
-    "babel-plugin-styled-components": "^2.0.7",
     "cross-env": "^7.0.3",
     "dotenv-cli": "^6.0.0",
     "eslint": "^8.23.1",
@@ -104,7 +98,8 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.34.0",
     "styled-components": "^5.3.5",
-    "typescript": "^4.8.3"
+    "typescript": "^4.8.3",
+    "vitest": "^0.23.4"
   },
   "author": "Ugo Onali",
   "license": "MIT"

src/index.test.tsx

@@ -1,7 +1,7 @@
 import ReactInputVerificationCode from '.';
 
 describe('ReactInputVerificationCode', () => {
-  it('is truthy', () => {
+  test('is truthy', () => {
     expect(ReactInputVerificationCode).toBeTruthy();
   });
 });

tsconfig.json

@@ -5,7 +5,7 @@
     "esModuleInterop": true,
     "jsx": "react",
     "lib": ["ES5", "ES2015", "ES2016", "DOM", "ESNext"],
-    "types": ["jest", "node"],
+    "types": ["vitest/globals", "node"],
     "module": "es2015",
     "moduleResolution": "node",
     "noImplicitAny": false,

vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+  },
+});