feat: support react-native

babel.config.js

@@ -1,13 +1,17 @@
 module.exports = (api) => {
   api.cache(true)
 
-  const config = {
+  return {
     presets: [
       ['@babel/preset-env', { targets: { node: 'current' } }],
       '@babel/preset-react',
       '@babel/preset-typescript',
     ],
+    overrides: [
+      {
+        test: /react-native/,
+        presets: ['module:metro-react-native-babel-preset'],
+      },
+    ],
   }
-
-  return config
 }

jest.config.js

@@ -1,13 +1,32 @@
 module.exports = {
-  testEnvironment: 'jsdom',
-  transformIgnorePatterns: ['<rootDir>.*(node_modules)(?!.*@xstyled.*).*$'],
-  transform: {
-    '^.+\\.(j|t)sx?$': 'babel-jest',
-  },
-  testPathIgnorePatterns: ['/node_modules/', '/website/'],
-  coveragePathIgnorePatterns: ['/node_modules/', '/dist/'],
-  moduleNameMapper: {
-    'styled-components':
-      '<rootDir>/node_modules/styled-components/dist/styled-components.browser.cjs.js',
-  },
+  projects: [
+    {
+      displayName: 'web',
+      testEnvironment: 'jsdom',
+      transformIgnorePatterns: ['<rootDir>.*(node_modules)(?!.*@xstyled.*).*$'],
+      transform: {
+        '^.+\\.(j|t)sx?$': 'babel-jest',
+      },
+      testPathIgnorePatterns: [
+        '/node_modules/',
+        '/website/',
+        '/packages/styled-components/src/native/',
+      ],
+      coveragePathIgnorePatterns: ['/node_modules/', '/dist/'],
+      moduleNameMapper: {
+        'styled-components':
+          '<rootDir>/node_modules/styled-components/dist/styled-components.browser.cjs.js',
+      },
+    },
+    {
+      displayName: 'native',
+      preset: 'react-native',
+      testPathIgnorePatterns: ['/node_modules/', '/website/'],
+      testMatch: [
+        '<rootDir>/packages/styled-components/src/native/__tests__/**/*.[jt]s?(x)',
+        '<rootDir>/packages/styled-components/src/native/**/?(*.)+(spec|test).[jt]s?(x)',
+      ],
+      coveragePathIgnorePatterns: ['/node_modules/', '/dist/'],
+    },
+  ],
 }