[BUG] navigator.storage.getDirectory() fails in webkit

[kepta]

Context:

• Playwright Version: 1.27.1
• Operating System: Mac
• Node.js version: 18.7.0
• Browser: WebKit
• Extra:

System:

• OS: macOS 12.3.1
• Memory: 2.18 GB / 32.00 GB

Binaries:

• Node: 18.7.0 - /private/var/folders/3c/f3h337b54wj65l4r3l_88l8m0000gn/T/xfs-3785805c/node
• Yarn: 3.2.2 - /private/var/folders/3c/f3h337b54wj65l4r3l_88l8m0000gn/T/xfs-3785805c/yarn
• npm: 8.15.0 - ~/.nvm/versions/node/v18.7.0/bin/npm

Languages:

• Bash: 3.2.57 - /bin/bash

Code Snippet

Help us help you! Put down a short code snippet that illustrates your bug and
that we can run and debug locally. For example:

const {chromium, webkit, firefox} = require('playwright');

(async () => {
  const browser = await webkit.launch();
  const context = await browser.newContext();
  const page = await context.newPage();

  await page.goto('http://playwright.dev');

  await page.evaluateHandle(async () => {
    await navigator.storage.getDirectory();
  });
})();

Describe the bug

Calling navigator.storage.getDirectory(); in WebKit causes the following error.

UnknownError: The operation failed for an unknown transient reason (e.g. out of memory).

[yury-s]

getDirecory is not supported in ephemeral context in WebKit. You can try loading the following page in normal and private windows in Safari to see the difference.

<script>
async function test() {
    const dir = await navigator.storage.getDirectory();
    alert('dir = ' + dir);
}
</script>

<button onclick="test()">Go</button>

[kepta]

Hey @yury-s thanks for getting back to me.

You can try loading the following page in normal and private windows in Safari to see the difference.

Unfortunately the code you posted above does not work and produces the same error.

I have uploaded a simple reproducible code in to help diagnose the problem.

https://github.com/kepta/playwright-safari-issue/blob/master/public/index.html#L4-L13

https://github.com/kepta/playwright-safari-issue/blob/master/test-safari.spec.ts#L24-L34

I have kept the code exactly as you described, let me know if something is missing.

[yury-s]

Unfortunately the code you posted above does not work and produces the same error.

To double check we are talking about the same thing:

• when your page is loaded into regular Safari window both buttons show an alert
• when the page is loaded in a private window the "storage" button will not show an alert and there is an exception logged in Web Inspector

Playwright creates ephemeral contexts by default so you'll get the same exception as in private window in Safari. To workaround this issue you can launch WebKit with persistent context and run the same code, it should work.

[aslushnikov]

Closing as per above!

[arjenw]

I see this issue is re-opened (though without any further explanation). Does this mean this is still an issue?

I do run in to this issue with the normal ephemeral context. However, when I use a persistent context, I get the following error:

TypeError: undefined is not an object (evaluating 'navigator.storage.getDirectory')

When I write a small test:

    test("navigator.storage", async ({}) => {
        const context = await webkit.launchPersistentContext("");
        const page = await context.newPage();

        await page.goto("https://playwright.dev");

        await page.evaluateHandle(async () => {
            console.error({ secureContext: window.isSecureContext, storage: navigator.storage });
        });

        await page.evaluateHandle(async () => {
            await navigator.storage.getDirectory();
        });
        await context.close();
    });

It reports that the page runs in a secure context (window.isSecureContext returns true), but navigator.storage is undefined.

Could it be thet the StorageAPI feature is disabled on the WebKit build for Playwright? I can not verify that (no idea how to do that), but I found the following links in the source code here and here.

Playwright version: 1.47.0

[RolandoAndrade]

Hey guys. Nice work with the library!

Do you know if there is any workaround for this?

It seems it is returning TypeError: undefined is not an object (evaluating 'navigator.storage.getDirectory') for ephemeral and persistent contexts.