fix(debug): do not pause on internal calls, update ct docs (#14018)

.gitignore

@@ -28,3 +28,4 @@ test-results
 .env
 /tests/installation/output/
 /tests/installation/.registry.json
+/playwright/out/

docs/src/test-components-js.md

@@ -1,6 +1,6 @@
 ---
 id: test-components
-title: "Experimental: Components"
+title: "Experimental: components"
 ---
 
 Playwright Test can now test your components.
@@ -67,10 +67,6 @@ component is mounted using this script. It can be either `.js` or `.ts` file.
 // Apply theme here, add anything your component needs at runtime here.
 ```
 
-#### `playwright/types.d.ts`
-
-This file makes sure `mount` fixture is typed in your tests.
-
 ### Step 2. Create a test file `src/App.spec.tsx`
 
 ```js
@@ -88,7 +84,7 @@ test('should work', async ({ mount }) => {
 ### Step 3. Run the tests
 
 ```sh
-npx playwright test
+npm run test-ct
 ```
 
 ### Further reading: configure reporting, browsers, tracing

packages/playwright-core/src/server/debugger.ts

@@ -114,6 +114,9 @@ function shouldPauseOnCall(sdkObject: SdkObject, metadata: CallMetadata): boolea
 }
 
 function shouldPauseBeforeStep(metadata: CallMetadata): boolean {
+  // Don't stop on internal.
+  if (!metadata.apiName)
+    return false;
   // Always stop on 'close'
   if (metadata.method === 'close')
     return true;

packages/playwright-test/src/plugins/vitePlugin.ts

@@ -69,7 +69,7 @@ export function createPlugin(
           },
         },
         sourcemap: true,
-        outDir: viteConfig?.build?.outDir || path.join(viteConfig.root, './dist-pw/')
+        outDir: viteConfig?.build?.outDir || path.join(viteConfig.root, 'playwright', 'out')
       };
       const { build, preview } = require('vite');
       await build(viteConfig);

packages/recorder/.gitignore

@@ -10,7 +10,6 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
-dist-pw
 *.local
 
 # Editor directories and files

packages/trace-viewer/.gitignore

@@ -10,7 +10,6 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
-dist-pw
 *.local
 
 # Editor directories and files

packages/web/.gitignore

@@ -1,2 +1 @@
 dist
-dist-pw

tests/components/ct-react-vite/.gitignore

@@ -10,7 +10,6 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
-dist-pw
 *.local
 
 # Editor directories and files

tests/components/ct-react/.gitignore

@@ -11,8 +11,6 @@
 # production
 /build
 
-/dist-pw
-
 # misc
 .DS_Store
 .env.local

tests/components/ct-svelte-vite/.gitignore

@@ -10,7 +10,6 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
-dist-pw
 *.local
 
 # Editor directories and files

tests/components/ct-vue-cli/.gitignore

@@ -1,7 +1,6 @@
 .DS_Store
 node_modules
 /dist
-/dist-pw
 
 # local env files
 .env.local

tests/components/ct-vue-vite/.gitignore

@@ -11,7 +11,6 @@ node_modules
 .DS_Store
 dist
 dist-ssr
-dist-pw
 coverage
 *.local