Skip to content

docs: add guide for taking website screenshots with Playwright - #17619

Closed
pelikhan with Copilot wants to merge 4 commits into
mainfrom
copilot/guide-upload-assets-issues
Closed

docs: add guide for taking website screenshots with Playwright#17619
pelikhan with Copilot wants to merge 4 commits into
mainfrom
copilot/guide-upload-assets-issues

Conversation

Copilot AI commented Feb 21, 2026

Copy link
Copy Markdown
Contributor
  • Create docs/src/content/docs/guides/playwright-screenshots.md guide
  • Add the new guide to the sidebar in docs/astro.config.mjs
  • Updated examples to use localhost (not example.com)
  • Removed allowed_domains from Playwright config (localhost is default)
  • Aligned guide with real workflows (daily-multi-device-docs-tester, test-copilot-playwright-screenshots):
    • Removed network: block from localhost examples (not needed)
    • Updated screenshot path to /tmp/gh-aw/ convention
    • Fixed bash allowlist patterns to "npm *", "mkdir *" etc.
    • Added kill *, sleep *, curl * to bash allowlist
  • Build docs to verify no errors and all links are valid
Original prompt

Write a guide on how to upload assets and create issues to prompt a workflow to take website screenshots using Playwright, and post the results in issues.

The guide explains that you must first take the screenshots, then upload them as assets. After that, you use the asset URL returned by the upload step in the issue body.

Configure the firewall to allow access to the server if it is not running locally. If you are testing a local server in a build, this should work without additional configuration.

Custom agent used: technical-doc-writer
AI technical documentation writer for GitHub Actions library using GitHub Docs voice


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
Copilot AI changed the title [WIP] Create guide for uploading assets and creating issues for screenshots docs: add guide for taking website screenshots with Playwright Feb 21, 2026

# Take Website Screenshots

Take a screenshot of https://example.com and post the result in a GitHub issue.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@copilot is localhost, not example.com

Remove allowed domains onnplaywritj.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed in c8f1f9a. All examples now target http://localhost:4321 and playwright: is declared without allowed_domains (localhost is allowed by default). The Network Configuration section still explains how to add external domains when needed.

…omains

Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>

Copilot AI commented Feb 21, 2026

Copy link
Copy Markdown
Contributor Author

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • telemetry.astro.build
    • Triggering command: /opt/hostedtoolcache/node/24.13.0/x64/bin/node node /home/REDACTED/work/gh-aw/gh-aw/docs/node_modules/.bin/astro build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

@pelikhan pelikhan left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@copilot compare guide to existing agentic workflows that use playwright and upload assets like multi device tester

Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>

Copilot AI commented Feb 22, 2026

Copy link
Copy Markdown
Contributor Author

@copilot compare guide to existing agentic workflows that use playwright and upload assets like multi device tester

Compared the guide against daily-multi-device-docs-tester.md and test-copilot-playwright-screenshots.md. Updated in bb05169:

  • Removed the network: block from localhost examples — the real workflows (test-copilot-playwright-screenshots, test-claude-playwright-screenshots) have no network: block at all for localhost
  • Changed screenshot path to /tmp/gh-aw/ (convention used in all real workflows)
  • Fixed bash allowlist patterns to "npm *", "mkdir *" (space before *) and added "kill *", "sleep *", "curl *" matching the real workflow patterns

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • telemetry.astro.build
    • Triggering command: /opt/hostedtoolcache/node/24.13.0/x64/bin/node node /home/REDACTED/work/gh-aw/gh-aw/docs/node_modules/.bin/astro build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

@pelikhan pelikhan closed this Feb 22, 2026
@github-actions
github-actions Bot deleted the copilot/guide-upload-assets-issues branch April 2, 2026 13:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants