fix: update to the latest playwright (#485)

* fix: update to the latest playwright

* add formatter code back

* readd formatter exports

Author: vigneshshanmugam

__tests__/formatter/__snapshots__/javascript.test.ts.snap

@@ -15,11 +15,11 @@ journey('Recorded journey', async ({ page, context }) => {
     expect(await page.textContent('text=Babel Minify')).toMatch('Babel');
     const [page1] = await Promise.all([
       page.waitForEvent('popup'),
-      page.click('text=Babel Minify')
+      page.locator('text=Babel Minify').click()
     ]);
     await Promise.all([
       page1.waitForNavigation(/*{ url: 'https://github.com/babel/minify' }*/),
-      page1.click('a:has-text(\\"smoke\\")')
+      page1.locator('a:has-text(\\"smoke\\")').click()
     ]);
   });
   step('Close page', async () => {

__tests__/options.test.ts

@@ -63,7 +63,7 @@ describe('options', () => {
         ignoreHTTPSErrors: undefined,
         isMobile: true,
         userAgent:
-          'Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4595.0 Mobile Safari/537.36',
+          'Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4929.0 Mobile Safari/537.36',
         viewport: {
           height: 658,
           width: 320,

package-lock.json

@@ -45,7 +45,8 @@
     "http-proxy": "^1.18.1",
     "kleur": "^4.1.4",
     "micromatch": "^4.0.4",
-    "playwright-chromium": "=1.14.0",
+    "playwright-chromium": "^1.20.1",
+    "playwright-core": "^1.20.1",
     "sharp": "^0.30.1",
     "snakecase-keys": "^3.2.1",
     "sonic-boom": "^2.6.0",

package.json

@@ -31,7 +31,7 @@ import {
   ChromiumBrowserContext,
   Page,
 } from 'playwright-chromium';
-import { Protocol } from 'playwright-chromium/types/protocol';
+import { Protocol } from 'playwright-core/types/protocol';
 import { Step } from './dsl';
 import { Reporter, reporters } from './reporters';
 

src/common_types.ts

@@ -26,7 +26,7 @@
 import {
   JavaScriptLanguageGenerator,
   JavaScriptFormatter,
-} from 'playwright-chromium/lib/server/supplements/recorder/javascript';
+} from 'playwright-core/lib/server/supplements/recorder/javascript';
 
 export type Step = {
   actions: ActionInContext[];

src/formatter/javascript.ts

@@ -59,5 +59,5 @@ export type {
   Signal,
   Step,
   Steps,
+  actionTitle,
 } from './formatter/javascript';
-export { actionTitle } from './formatter/javascript';

src/index.ts

@@ -23,7 +23,7 @@
  *
  */
 
-import { Protocol } from 'playwright-chromium/types/protocol';
+import { Protocol } from 'playwright-core/types/protocol';
 import { NetworkInfo, BrowserInfo, Driver } from '../common_types';
 import { Step } from '../dsl';
 import { getTimestamp } from '../helpers';
@@ -87,6 +87,7 @@ export class NetworkManager {
           type: event.type,
           response,
           encodedDataLength: response.encodedDataLength,
+          hasExtraInfo: false,
         });
         this._onResponseReceived(data);
         this._onLoadingFinished(data);