🏗️ chore: Parallel exports for Playwright & Cypress (#1149)

* 🏗️ chore: Parallel exports for Playwright & Cypress

* fix: cleanup

examples/new-dawn/README.md

@@ -11,7 +11,7 @@ The New Dawn version of Synpress differs in one major way from all previous vers
 - We set up the browser only once, and we cache it. Thanks to this, tests not only run faster, but it also allows to use
   **ALL FEATURES** of [Playwright](https://playwright.dev/), such as parallel testing 🚀
 
-You can define how a browser should be set up yourself. You can find setup file examples [here](./test/wallet-setup).
+You can define how a browser should be set up yourself. You can find setup file examples [here](test/playwright/wallet-setup).
 All setup files must have the following naming structure: `*.setup.{js,ts}`.
 
 Once you define a setup file, you can build a cache with our CLI. By default, the cache is built in a headed mode and

examples/new-dawn/test/e2e/00_mock.spec.ts → examples/new-dawn/test/playwright/00_mock.spec.ts

@@ -1,4 +1,5 @@
-import { EthereumWalletMock, ethereumWalletMockFixtures, testWithSynpress } from '@synthetixio/synpress'
+import { testWithSynpress } from '@synthetixio/synpress'
+import { EthereumWalletMock, ethereumWalletMockFixtures } from '@synthetixio/synpress/playwright'
 
 const test = testWithSynpress(ethereumWalletMockFixtures)
 

examples/new-dawn/test/e2e/01_basic.spec.ts → examples/new-dawn/test/playwright/01_basic.spec.ts

@@ -1,5 +1,6 @@
-import { MetaMask, metaMaskFixtures, testWithSynpress } from '@synthetixio/synpress'
-import basicSetup from '../wallet-setup/basic.setup'
+import { testWithSynpress } from '@synthetixio/synpress'
+import { MetaMask, metaMaskFixtures } from '@synthetixio/synpress/playwright'
+import basicSetup from './wallet-setup/basic.setup'
 
 const test = testWithSynpress(metaMaskFixtures(basicSetup))
 

examples/new-dawn/test/e2e/02_simple.spec.ts → examples/new-dawn/test/playwright/02_simple.spec.ts

@@ -1,4 +1,4 @@
-import synpress from '../synpress'
+import synpress from './synpress'
 
 const test = synpress
 

examples/new-dawn/test/e2e/03_advanced.spec.ts → examples/new-dawn/test/playwright/03_advanced.spec.ts

@@ -1,4 +1,4 @@
-import { test as advancedFixtures } from '../advancedFixtures'
+import { test as advancedFixtures } from './advancedFixtures'
 
 import { testWithSynpress } from '@synthetixio/synpress'
 

examples/new-dawn/test/advancedFixtures.ts → examples/new-dawn/test/playwright/advancedFixtures.ts

@@ -1,4 +1,4 @@
-import { metaMaskFixtures } from '@synthetixio/synpress'
+import { metaMaskFixtures } from '@synthetixio/synpress/playwright'
 import connectedSetup from './wallet-setup/connected.setup'
 
 export const test = metaMaskFixtures(connectedSetup).extend<{

examples/new-dawn/test/synpress.ts → examples/new-dawn/test/playwright/synpress.ts

@@ -1,4 +1,5 @@
-import { metaMaskFixtures, testWithSynpress } from '@synthetixio/synpress'
+import { testWithSynpress } from '@synthetixio/synpress'
+import { metaMaskFixtures } from '@synthetixio/synpress/playwright'
 import connectedSetup from './wallet-setup/connected.setup'
 
 export default testWithSynpress(metaMaskFixtures(connectedSetup))

examples/new-dawn/test/wallet-setup/basic.setup.ts → examples/new-dawn/test/playwright/wallet-setup/basic.setup.ts

@@ -1,4 +1,5 @@
-import { MetaMask, defineWalletSetup } from '@synthetixio/synpress'
+import { defineWalletSetup } from '@synthetixio/synpress'
+import { MetaMask } from '@synthetixio/synpress/playwright'
 
 const SEED_PHRASE = 'test test test test test test test test test test test junk'
 const PASSWORD = 'SynpressIsAwesomeNow!!!'

examples/new-dawn/test/wallet-setup/connected.setup.ts → examples/new-dawn/test/playwright/wallet-setup/connected.setup.ts

@@ -1,4 +1,5 @@
-import { MetaMask, defineWalletSetup, getExtensionId } from '@synthetixio/synpress'
+import { defineWalletSetup } from '@synthetixio/synpress'
+import { MetaMask, getExtensionId } from '@synthetixio/synpress/playwright'
 import 'dotenv/config'
 
 const SEED_PHRASE = process.env.SEED_PHRASE

release/package.json

@@ -3,11 +3,19 @@
   "version": "4.0.0-alpha.7",
   "type": "module",
   "exports": {
-    "types": "./types/index.d.ts",
-    "default": "./dist/index.js"
+    ".": {
+      "default": "./dist/index.js",
+      "types": "./types/index.d.ts"
+    },
+    "./cypress": {
+      "types": "./types/cypress/index.d.ts",
+      "default": "./dist/cypress/index.js"
+    },
+    "./playwright": {
+      "types": "./types/playwright/index.d.ts",
+      "default": "./dist/playwright/index.js"
+    }
   },
-  "main": "./dist/index.js",
-  "types": "./types/index.d.ts",
   "bin": "./dist/cli.js",
   "files": [
     "dist",

release/src/cypress/index.ts

@@ -0,0 +1 @@
+export * from '@synthetixio/ethereum-wallet-mock/cypress'

release/src/index.ts

@@ -1,17 +1,8 @@
-import { EthereumWalletMock, ethereumWalletMockFixtures } from '@synthetixio/ethereum-wallet-mock'
 import { defineWalletSetup } from '@synthetixio/synpress-cache'
 import { testWithSynpress } from '@synthetixio/synpress-core'
-import { MetaMask, getExtensionId, metaMaskFixtures } from '@synthetixio/synpress-metamask'
 
 export {
-  // Framework fixtures
   testWithSynpress,
-  ethereumWalletMockFixtures,
-  metaMaskFixtures,
-  // API
-  MetaMask,
-  EthereumWalletMock,
   // Helpers
-  defineWalletSetup,
-  getExtensionId
+  defineWalletSetup
 }

release/src/playwright/index.ts

@@ -0,0 +1,2 @@
+export * from '@synthetixio/ethereum-wallet-mock/playwright'
+export { MetaMask, getExtensionId, metaMaskFixtures } from '@synthetixio/synpress-metamask'

release/tsconfig.json

@@ -7,5 +7,5 @@
     "sourceMap": false,
     "declarationMap": true
   },
-  "include": ["src/index.ts"]
+  "include": ["src"]
 }

release/tsup.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from 'tsup'
 
 export default defineConfig({
   name: 'synpress',
-  entry: ['src/index.ts', 'src/cli.ts'],
+  entry: ['src/index.ts', 'src/cli.ts', 'src/cypress/index.ts', 'src/playwright/index.ts'],
   outDir: 'dist',
   format: 'esm',
   splitting: false,

wallets/ethereum-wallet-mock/package.json

@@ -3,11 +3,15 @@
   "version": "0.0.1-alpha.7",
   "type": "module",
   "exports": {
-    "types": "./types/index.d.ts",
-    "default": "./dist/index.js"
+    "./cypress": {
+      "types": "./types/cypress/index.d.ts",
+      "default": "./dist/cypress/index.js"
+    },
+    "./playwright": {
+      "types": "./types/playwright/index.d.ts",
+      "default": "./dist/playwright/index.js"
+    }
   },
-  "main": "./dist/index.js",
-  "types": "./types/index.d.ts",
   "files": [
     "dist",
     "src",

wallets/ethereum-wallet-mock/src/index.ts

@@ -1,3 +0,0 @@
-export { default as EthereumWalletMock } from './playwright/EthereumWalletMock'
-export * from './playwright/utils'
-export * from './playwright/fixtures/ethereumWalletMockFixtures'

wallets/ethereum-wallet-mock/src/playwright/index.ts

@@ -1,2 +1,3 @@
 export { default as EthereumWalletMock } from './EthereumWalletMock'
-export { default as synpress } from './synpress'
+export * from './utils'
+export * from './fixtures/ethereumWalletMockFixtures'

wallets/ethereum-wallet-mock/src/playwright/synpress.ts

@@ -1,4 +1,4 @@
 import { testWithSynpress } from '@synthetixio/synpress-core'
-import { ethereumWalletMockFixtures } from '../index'
+import { ethereumWalletMockFixtures } from '.'
 
 export default testWithSynpress(ethereumWalletMockFixtures)

wallets/ethereum-wallet-mock/tsup.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from 'tsup'
 
 export default defineConfig({
   name: 'ethereum-wallet-mock',
-  entry: ['src/index.ts'],
+  entry: ['src/index.ts', 'src/playwright/index.ts', 'src/cypress/index.ts'],
   outDir: 'dist',
   format: 'esm',
   splitting: false,