Merge pull request #203 from wojtekmaj/vitest

Migrate to Vitest

Author: jacobp100

.eslintrc.js

@@ -4,10 +4,4 @@ module.exports = {
   rules: {
     'prettier/prettier': 2,
   },
-  overrides: [
-    {
-      files: '**/__tests__/*.js',
-      env: { jest: true },
-    },
-  ],
 }

package.json

@@ -6,8 +6,8 @@
   "types": "index.d.ts",
   "scripts": {
     "build": "rollup ./src/index.js -o index.js --f cjs && babel index.js -o index.js",
-    "test": "jest",
-    "test:watch": "jest --watch",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
     "lint": "eslint src",
     "prepublish": "npm run build",
     "precommit": "lint-staged",
@@ -35,21 +35,19 @@
     "url": "https://github.com/styled-components/css-to-react-native/issues"
   },
   "homepage": "https://github.com/styled-components/css-to-react-native#readme",
-  "jest": {
-    "testURL": "http://localhost"
-  },
   "devDependencies": {
     "@babel/cli": "^7.6.2",
+    "@babel/core": "^7.1.0",
     "@babel/preset-env": "^7.6.2",
     "eslint": "^4.17.0",
     "eslint-config-airbnb-base": "^12.1.0",
     "eslint-config-prettier": "^2.9.0",
     "eslint-plugin-import": "^2.8.0",
     "eslint-plugin-prettier": "^2.6.0",
-    "jest": "^24.9.0",
     "lint-staged": "^6.1.0",
     "prettier": "^1.18.2",
-    "rollup": "^1.22.0"
+    "rollup": "^1.22.0",
+    "vitest": "^4.0.1"
   },
   "dependencies": {
     "camelize": "^1.0.0",

src/__tests__/aspectRatio.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('handles regular aspect ratio values', () => {

src/__tests__/border.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms border none', () => {

src/__tests__/borderColor.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms border color with multiple values', () => {

src/__tests__/boxModel.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms margin, padding with 1 value', () => {

src/__tests__/boxShadow.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms box-shadow into shadow- properties', () => {

src/__tests__/colors.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms hex colors', () => {

src/__tests__/flex.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms flex shorthand with 3 values', () => {

src/__tests__/flexFlow.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms flexFlow shorthand with two values', () => {