fix(parse): crxApp.recorder.load in now working

examples/recorder-crx/src/background.ts

@@ -250,4 +250,4 @@ chrome.runtime.onMessage.addListener((message) => {
 });
 
 // for testing
-Object.assign(self, { attach, setTestIdAttributeName, _debug, _setUnderTest });
+Object.assign(self, { attach, setTestIdAttributeName, getCrxApp, _debug, _setUnderTest });

src/server/recorder/crxRecorderApp.ts

@@ -33,7 +33,6 @@ export type RecorderMessage = { type: 'recorder' } & (
   | { method: 'setMode', mode: Mode }
   | { method: 'setSources', sources: Source[] }
   | { method: 'setActions', actions: ActionInContext[], sources: Source[] }
-  | { method: 'setRunningFile', file?: string }
   | { method: 'elementPicked', elementInfo: ElementInfo, userGesture?: boolean }
 );
 
@@ -92,7 +91,11 @@ export class CrxRecorderApp extends EventEmitter implements IRecorderApp {
     }
 
     this.setMode(mode);
-    this.setRunningFile(language);
+  }
+
+  load(code: string) {
+    this._updateCode(code);
+    this._editedCode?.load();
   }
 
   async close() {
@@ -126,11 +129,8 @@ export class CrxRecorderApp extends EventEmitter implements IRecorderApp {
     this._sendMessage({ type: 'recorder', method: 'setMode', mode });
   }
 
-  async setRunningFile(file?: string) {
-    // hack to prevent recorder from opening files
-    if (file?.endsWith('.js'))
-      return;
-    this._sendMessage({ type: 'recorder', method: 'setRunningFile', file });
+  async setRunningFile() {
+    // this doesn't make sense in crx, it only runs recorded files
   }
 
   async setSources(sources: Source[]) {

tests/crx/recorder-edit.spec.ts

@@ -16,14 +16,15 @@
 
 import { Page } from '@playwright/test';
 import { test, expect } from './crxRecorderTest';
+import type { CrxApplication } from '../../test';
 
 async function editCode(recorderPage: Page, code: string) {
   const editor = recorderPage.locator('.CodeMirror textarea');
   await editor.press('ControlOrMeta+a');
   await editor.fill(code);
 }
 
-async function getCode(recorderPage: Page) {
+async function getCode(recorderPage: Page): Promise<string> {
   return await recorderPage.locator('.CodeMirror').evaluate(elem => (elem as any).CodeMirror.getValue());
 }
 
@@ -218,3 +219,33 @@ def test_example(page: Page) -> None:
   await recorderPage.getByTitle('Step Over (F10)').click();
   await expect(recorderPage.locator('.source-line-paused .CodeMirror-line')).toHaveText(`    await page.locator('textarea')`);
 });
+
+test('should load script using api', async ({ page, attachRecorder, extensionServiceWorker, baseURL }) => {
+  const recorderPage = await attachRecorder(page);
+  await recorderPage.getByTitle('Record').click();
+
+  const code = `import { test, expect } from '@playwright/test';
+
+test('test', async ({ page }) => {
+  await page.goto('${baseURL}/input/textarea.html');
+  await page.locator('textarea').fill('modified test');
+});`;
+
+  await extensionServiceWorker.evaluate(async code => {
+    const crxApp = await (globalThis as any).getCrxApp() as CrxApplication;
+    await crxApp.recorder.load(code);
+  }, code);
+
+  expect(await getCode(recorderPage)).toBe(code);
+
+  await extensionServiceWorker.evaluate(async () => {
+    const crxApp = await (globalThis as any).getCrxApp() as CrxApplication;
+    await crxApp.recorder.load(`import { test, expect } from '@playwright/test';
+
+test('test', async ({ page }) => {
+  await page.gotoError();
+});`);
+  });
+
+  await expect(recorderPage.locator('.source-line-error-widget')).toHaveText('Invalid locator (4:8)');
+});