Migrate to Vitest

.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', () => {

src/__tests__/font.js

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

src/__tests__/fontFamily.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms font-family with double quotes', () => {

src/__tests__/fontVariant.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms font variant as an array', () => {

src/__tests__/fontWeight.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms font weights as strings', () => {

src/__tests__/index.js

@@ -1,15 +1,15 @@
+import { expect, it, vi } from 'vitest'
+
 import transformCss, { getStylesForProperty } from '..'
 
 it('transforms numbers', () => {
   expect(transformCss([['z-index', '0']])).toEqual({ zIndex: 0 })
 })
 
 it('warns if missing units on unspecialized transform', () => {
-  const consoleSpy = jest
-    .spyOn(global.console, 'warn')
-    .mockImplementation(() => {
-      // Silence the warning from the test output
-    })
+  const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => {
+    // Silence the warning from the test output
+  })
 
   transformCss([['top', '1']])
   expect(consoleSpy).toHaveBeenCalledWith(
@@ -20,7 +20,7 @@ it('warns if missing units on unspecialized transform', () => {
 })
 
 it('does not warn for unitless 0 length on unspecialized transform', () => {
-  const consoleSpy = jest.spyOn(global.console, 'warn')
+  const consoleSpy = vi.spyOn(console, 'warn')
 
   transformCss([['top', '0']])
   expect(consoleSpy).not.toHaveBeenCalled()
@@ -29,11 +29,9 @@ it('does not warn for unitless 0 length on unspecialized transform', () => {
 })
 
 it('warns if adding etraneous units on unspecialized transform', () => {
-  const consoleSpy = jest
-    .spyOn(global.console, 'warn')
-    .mockImplementation(() => {
-      // Silence the warning from the test output
-    })
+  const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => {
+    // Silence the warning from the test output
+  })
 
   transformCss([['opacity', '1px']])
   expect(consoleSpy).toHaveBeenCalledWith(
@@ -44,7 +42,7 @@ it('warns if adding etraneous units on unspecialized transform', () => {
 })
 
 it('does not warn for unitless 0 length on unitless transform', () => {
-  const consoleSpy = jest.spyOn(global.console, 'warn')
+  const consoleSpy = vi.spyOn(console, 'warn')
 
   transformCss([['opacity', '0']])
   expect(consoleSpy).not.toHaveBeenCalled()

src/__tests__/placeContent.js

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

src/__tests__/shadowOffsets.js

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

src/__tests__/textDecoration.js

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

src/__tests__/textDecorationLine.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 it('transforms text-decoration-line with underline line-through', () => {

src/__tests__/textShadow.js

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

src/__tests__/transform.js

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

src/__tests__/units.js

@@ -1,3 +1,5 @@
+import { expect, it } from 'vitest'
+
 import transformCss from '..'
 
 // List of units from:

vitest.config.js

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    include: ['src/__tests__/**/*.js'],
+    watch: false,
+  },
+})