Merge pull request #1 from storybookjs/shilman/rename-package

Rename package to @storybook/playwright-ct

.github/workflows/release.yml

@@ -12,17 +12,24 @@ jobs:
       - name: Prepare repository
         run: git fetch --unshallow --tags
 
-      - name: Use Node.js 14.x
+      - name: Use Node.js 16.x
         uses: actions/setup-node@v1
         with:
-          node-version: 14.x
+          node-version: 16.x
+
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 8
+          run_install: false
 
       - name: Install dependencies
-        uses: bahmutov/npm-install@v1
+        run: pnpm install
 
       - name: Create Release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: |
-          yarn release
+          pnpm run release

README.md

@@ -20,7 +20,7 @@ CT Storybook allows you to write a Playwright test against that story using all
 
 ```ts
 // Button.spec.ts
-import { test, expect } from 'playwright-ct-storybook';
+import { test, expect } from '@storybook/playwright-ct';
 import * as ButtonStories from './Button.stories';
 
 test('interacts', async ({ mount }) => {
@@ -144,14 +144,14 @@ npm init playwright@latest
 Then install this package:
 
 ```sh
-npm install playwright-ct-storybook
+npm install @storybook/playwright-ct
 ```
 
-Then update your Playwright config to use `playwright-ct-storybook`'s `defineConfig`:
+Then update your Playwright config to use `@storybook/playwright-ct`'s `defineConfig`:
 
 ```diff
 - import { defineConfig, devices } from '@playwright/test';
-+ import { defineConfig, devices } from 'playwright-ct-storybook';
++ import { defineConfig, devices } from '@storybook/playwright-ct';
 ```
 
 This is a thin wrapper around Playwright's `defineConfig` that tells Playwright to run against your Storybook dev server.
@@ -167,7 +167,7 @@ This will run the example E2E tests that Playwright installs in your project.
 Then, you can write your first test based on your existing stories. This test uses `Button.stories` that is included as an example file in the Storybook installation, but it can be any Story file.
 
 ```js
-import { test, expect } from 'playwright-ct-storybook';
+import { test, expect } from '@storybook/playwright-ct';
 import * as ButtonStories from './Button.stories';
 
 test('renders', async ({ mount }) => {

package.json

@@ -1,10 +1,10 @@
 {
-  "name": "playwright-ct-storybook",
+  "name": "@storybook/playwright-ct",
   "version": "0.0.0",
   "description": "Playwright CT powered by Storybook (Experimental)",
   "repository": {
     "type": "git",
-    "url": "https://github.com/shilman/playwright-ct-storybook"
+    "url": "https://github.com/storybookjs/playwright-ct"
   },
   "author": "Michael Shilman <michael@lab80.co>",
   "license": "MIT",
@@ -107,5 +107,6 @@
   },
   "peerDependencies": {
     "@playwright/test": "^1.36.2"
-  }
+  },
+  "packageManager": "pnpm"
 }

src/index.ts

@@ -132,7 +132,7 @@ const defineConfig = (config: PlaywrightTestConfig) =>
       // @ts-expect-error WTH
       babelPlugins: [...(config.build?.babelPlugins || []), [join(__dirname, 'ct-test-plugin.js')]],
       // @ts-expect-error WTH
-      external: [/playwright-ct-storybook\/.*.js$/],
+      external: [/playwright-ct\/.*.js$/],
       ...config.build,
     },
     webServer: {