I’m unable to view the file “playwright-report/trace/index.html” in my artifacts - it displays a blank page.
I saw on this page (Managing build artifacts - CircleCI ) it could be related to “unsafe content” types, but if so, I’m not sure where to configure.
The docs you have linked to are for dedicated in-house server deployment, so the ability to change the documented setting is not likely to be a feature of the SAAS-hosted solution.
Artefact management on the hosted service is detailed here
https://circleci.com/docs/artifacts/
If you are getting an empty file, you may like to first -
check from within the circleci.yml script that the file does have a length greater than 0.
cat the file out to the tty as part of a step - this would at least validate that it has content. As it is an html page it may be something as simple as it referring to an external file for formatting information.
The link above also details how you can use curl to download the artefact file directly.
1 Like
unickq
April 5, 2023, 8:04am
3
What about not hosted CircleCI? Any options to do somthing with that?
opened 04:15PM - 15 Oct 22 UTC
closed 04:19PM - 24 Oct 22 UTC
triaging
**Context:**
- Playwright Version: mcr.microsoft.com/playwright:v1.26.0-focal
… - Operating System: Linux (on CircleCI)
- Node.js version: v16.17.0
- Browser: Chromium
- Extra: CircleCI
## System:
- OS: Linux 5.4 Ubuntu 20.04.5 LTS (Focal Fossa)
- Memory: 14.47 GB / 16.01 GB
- Container: Yes
## Binaries:
- Node: 16.17.0 - /usr/bin/node
- Yarn: 1.22.19 - /usr/bin/yarn
- npm: 8.15.0 - /usr/bin/npm
## Languages:
- Bash: 5.0.17 - /usr/bin/bash
**Code Snippet**
I have a [CircleCI config](https://github.com/mtlynch/picoshare/blob/b7a78186cf8cb5249becdff888a24c81fb4f9b8d/.circleci/config.yml#L90L108) that runs Playwright and stores the `playwright-report` folder as an artifact in CircleCI:
```yaml
e2e:
docker:
- image: mcr.microsoft.com/playwright:v1.26.0-focal
environment:
NODE_ENV: development
steps:
- checkout
- attach_workspace:
at: ./
- run:
name: Install dependencies
command: npm install
- run:
name: Run playwright tests
command: npx playwright test
- store_artifacts:
path: playwright-report
- store_artifacts:
path: e2e-results
```
**Describe the bug**
I can view some parts of the Playwright test report, but when I click on a particular trace, the JS engine fails with this error:
```text
Uncaught (in promise) DOMException: Failed to register a ServiceWorker for scope ('https://output.circle-artifacts.com/output/job/9cd422e0-2ce5-4635-b4ea-0fb2c13ecfd8/artifacts/0/playwright-report/trace/') with script ('https://output.circle-artifacts.com/output/job/9cd422e0-2ce5-4635-b4ea-0fb2c13ecfd8/artifacts/0/playwright-report/trace/sw.bundle.js'): The script resource is behind a redirect, which is disallowed.
```
If I run `python3 -m http.server` in the `playwright-report` folder on my local machine, I can view and navigate the test results fine. There seems to be something about serving it over TLS or on CircleCI specifically that causes the report to fail to load.
Example CircleCI job: https://app.circleci.com/pipelines/github/mtlynch/picoshare/1038/workflows/4c86580c-1abc-4124-b228-6bfc36a51dca/jobs/4993