[BUG] launchPersistentContext hanging on "about:blank" [REOPENED]

[bb1234cp]

Context:

• Playwright Version: 1.7.1
• Operating System: Mac
• Node.js version: v14.15.1
• Browser: Chromium

Code Snippet

const {chromium} = require('playwright');

(async () => {
  const options = {
                  headless : false, 
                  userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1'
                }

                const browser = await chromium.launchPersistentContext(`udd1`, options)
                var [page] = await browser.pages();
                await page.goto("https://www.google.com/");
})();

Describe the bug

Sometimes the browser hangs on "about:blank". I've tested and it seems that if I even console.log(browser), then it doesn't even log it when this occurs... The only way to get past this is to refresh the page by using CMD + R on my keyboard. I'm unsure why this is happening as it doesn't occur every time I run my code. It seems as if the browser isn't even launching as it doesn't log.

#4981

[bb1234cp]

I've tried logging the browser after creating and there is no log info of any browser... even though it's opened.

[bb1234cp]

I'm running playwright with vuetify. I'm not sure if that's an issue?

[aslushnikov]

@bb1234cp So the following snippet works reliably without issues for me on Mac.

const {chromium} = require('playwright');

(async () => {
  const options = {
    headless : false,
    userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1'
  };

  const browser = await chromium.launchPersistentContext(`udd1`, options)
  var [page] = await browser.pages();
  await page.goto("https://www.google.com/");
})();

I'm running playwright with vuetify.

What does this mean? I was under impression that vuetify is a web framework so it shouldn't interfere how node.js process runs.

[bb1234cp]

It seems like the issue is when i change my code to udd${counter}. Counter add +1 when I want to run more than one context browsers. So I can use more than one instance separately. Regarding Vuetify, I wasn't sure if this could be an issue, just wanted to see if it could possibly interfere with the processes.

EDIT: The issue just happened even after removing the counter...

[aslushnikov]

It seems like the issue is when i change my code to udd${counter}. Counter add +1 when I want to run more than one context browsers. So I can use more than one instance separately.

@bb1234cp It looks like there's some more code than you show in the snippet :-) Can you share the whole thing? Maybe I'll be able to reproduce it locally and see what's gong on.

[bb1234cp]

Of course :) My bad ahahah

const options = {
            executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome', 
            headless : false, 
            userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1'
          }

          var counter = 0
          for (var i = 0; i < 2 ; i++) {
            if(counter < 2) {
              const browser = await chromium.launchPersistentContext(`udd${counter++}`, options)
              var [page] = await browser.pages();
              await page.goto("https://www.google.com/");
            }
          }

[aslushnikov]

@bb1234cp well, the following does work perfectly for me as well:

const {chromium} = require('.');

(async () => {
  const options = {
    headless : false,
    userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1'
  };

  let counter = 0
  for (var i = 0; i < 2 ; i++) {
    if(counter < 2) {
      const browser = await chromium.launchPersistentContext(`udd${counter++}`, options)
      var [page] = await browser.pages();
      await page.goto("https://www.google.com/");
    }
  }
})();

I end up with 2 chromium being opened. Can you run my snippet and see if it works for you?

Also, speculation: could it be that you're running out of system resources and things are just very slow for you?

[bb1234cp]

Very strange as the same thing happens to me. It happens on my Vuetify application, but not on a normal js file. It happens to me about 50% of the time not all the time. Regarding system resources it doesn't seem to be that either... This is weird.

[aslushnikov]

It happens on my Vuetify application, but not on a normal js file

@bb1234cp Can you share this one with me so that I can run it locally as well?

[bb1234cp]

Of course! Where could i message you privately with the files? As I'd rather keep my project private.

[aslushnikov]

My corporate e-mail: anlushni [at] microsoft [dot] com

[bb1234cp]

I've just emailed you the folder from my email. Please let me know if you've received it :)

[aslushnikov]

@bb1234cp received it. How do run things there?

[bb1234cp]

cd and drag the folder into terminal, then run npm run electron:serve. To open the browsers press the play button.