chore: adjust to playwright 1.40

examples/recorder-crx/src/background.ts

@@ -17,12 +17,14 @@
 import type { CrxApplication } from 'playwright-crx';
 import { crx, _debug, _setUnderTest } from 'playwright-crx';
 
+type Mode = 'none' | 'recording' | 'inspecting' | 'assertingText' | 'recording-inspecting' | 'standby' | 'assertingVisibility' | 'assertingValue';
+
 // we must lazy initialize it
 let crxAppPromise: Promise<CrxApplication> | undefined;
 
 const attachedTabIds = new Set<number>();
 
-async function changeAction(tabId: number, mode: 'none' | 'recording' | 'inspecting' | 'detached') {
+async function changeAction(tabId: number, mode: Mode | 'detached') {
   // detached basically implies recorder windows was closed
   if (mode === 'detached' || mode === 'none') {
     await Promise.all([

examples/recorder-crx/src/contentscript.ts

@@ -35,7 +35,7 @@ if (typeof chrome !== 'undefined' && chrome.runtime) {
         case 'setMode': wnd.playwrightSetMode(msg.mode); break;
         case 'setSources': wnd.playwrightSetSources(msg.sources); break;
         case 'updateCallLogs': wnd.playwrightUpdateLogs(msg.callLogs); break;
-        case 'setSelector': wnd.playwrightSetSelector(msg.selector, msg.focus); break;
+        case 'setSelector': wnd.playwrightSetSelector(msg.selector, msg.userGesture); break;
         case 'setFileIfNeeded': wnd.playwrightSetFileIfNeeded(msg.file); break;
       }
     });

package.json

@@ -31,7 +31,7 @@
     "clean": "npm run clean:pw && npm run clean:examples && npm run clean:tests && npm run clean:crx",
     "test:install": "cd ./tests && npx playwright install --with-deps chromium",
     "test": "cd ./tests && npx playwright test",
-    "test-ui": "cd ./tests && npx playwright test --ui"
+    "test-ui": "cd ./tests && npx playwright test --ui --timeout 0"
   },
   "workspaces": [
     "examples/recorder-crx",

src/client/crx.ts

@@ -20,6 +20,7 @@ import type * as api from '../types/types';
 import type * as channels from '../protocol/channels';
 import { Page } from 'playwright-core/lib/client/page';
 import type { BrowserContext } from 'playwright-core/lib/client/browserContext';
+import { Mode } from '@recorder/recorderTypes';
 
 function from<T>(obj: any): T {
   return obj._object as T;
@@ -48,7 +49,7 @@ export class Crx extends ChannelOwner<channels.CrxChannel> implements api.Crx {
 export class CrxRecorder extends EventEmitter {
   private _channel: channels.CrxApplicationChannel;
   private _hidden: boolean = true;
-  private _mode: 'none' | 'recording' | 'inspecting' = 'none';
+  private _mode: Mode = 'none';
 
   constructor(channel: channels.CrxApplicationChannel) {
     super();

src/protocol/channels.ts

@@ -72,7 +72,7 @@ export type CrxApplicationDetachedEvent = {
   tabId: number,
 };
 export type CrxApplicationModeChangedEvent = {
-  mode: 'none' | 'recording' | 'inspecting',
+  mode: 'none' | 'recording' | 'inspecting' | 'assertingText' | 'recording-inspecting' | 'standby' | 'assertingVisibility' | 'assertingValue',
 };
 export type CrxApplicationAttachParams = {
   tabId: number,

src/protocol/validator.ts

@@ -71,7 +71,7 @@ scheme.CrxApplicationDetachedEvent = tObject({
   tabId: tNumber,
 });
 scheme.CrxApplicationModeChangedEvent = tObject({
-  mode: tEnum(['none', 'recording', 'inspecting']),
+  mode: tEnum(['none', 'recording', 'inspecting', 'assertingText', 'recording-inspecting', 'standby', 'assertingVisibility', 'assertingValue']),
 });
 scheme.CrxApplicationAttachParams = tObject({
   tabId: tNumber,
@@ -120,7 +120,7 @@ scheme.CrxApplicationNewPageResult = tObject({
   page: tChannel(['Page']),
 });
 scheme.CrxApplicationShowRecorderParams = tObject({
-  mode: tOptional(tEnum(['none', 'recording', 'inspecting'])),
+  mode: tOptional(tEnum(['none', 'recording', 'inspecting', 'assertingText', 'recording-inspecting', 'standby', 'assertingVisibility', 'assertingValue'])),
   language: tOptional(tString),
   testIdAttributeName: tOptional(tString),
 });