Driver FixRecommendedSound, Wi-Fi or graphics acting up? Check drivers firstFind missing or outdated drivers fast.Check DriversHalloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan Now×
Skip to content
World desk6 min

How to Schedule Screenshots of a Password-Protected Web App with Playwright

Run scheduled Playwright captures by securely reusing authentication state, verifying the protected page is ready, saving the image, and configuring artifact retention.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Use a scheduled CI workflow to run a Playwright script: prepare an authenticated browser state, verify the protected page has loaded, save the screenshot, and publish it as an artifact or to storage you control. The scheduler starts the job; Playwright handles authentication, navigation, and capture.

Choose where the scheduled browser run will execute

A CI scheduler is a practical choice for recurring captures: it launches a job on a schedule, while Playwright runs in that job. Playwright’s CI documentation describes installing dependencies and browsers, running tests, and uploading run output as an artifact. The documentation is rolling; check the current schedule syntax, timezone behavior, branch requirements, and artifact retention for your chosen CI provider before relying on them.

As an Amazon Associate I earn from qualifying purchases.

  • Hosted CI runner: convenient when you want the provider to start and maintain the execution environment. Configure secrets and artifact permissions in that provider.
  • Self-hosted runner: can suit an existing controlled environment, but you take responsibility for its upkeep and access controls.
  • Always-on machine: may work for a small, fixed setup, but requires you to manage the scheduler, browser dependencies, credentials, and storage yourself.

Compare maintenance effort, secret handling, schedule and timezone behavior, run limits, and artifact retention. Playwright documents CI and self-hosted CI approaches, but the specifics and costs depend on the provider and are not established by Playwright’s guidance.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Prepare authentication without exposing credentials

For a stable, read-only test account, Playwright’s authentication guide shows saving browser storage state during a setup step and reusing it in later tests. The state can include cookies, local storage, IndexedDB, and passkey-based authentication. It is sensitive: anyone who obtains it may be able to impersonate the account.

#1 Best Overall
Sale
Logitech Brio 101 Full HD 1080p Webcam for Streaming and Meetings - Black | 1080p with auto-light correction, built-in mic, privacy shutter, USB-A, compatible with Teams, Google Meet, Zoom and more
  • Compatible with Nintendo Switch 2’s new GameChat mode
  • Auto-Light Balance: RightLight boosts brightness by up to 50%, reducing shadows so you look your best—compared to previous-generation Logitech webcams (1)
  • Privacy with a Slide: The integrated webcam cover makes it easy to get total, reliable privacy when you're not on a video call
  • Built-In Mic: The built-in microphone lets others hear you clearly during video calls
  • Easy Plug-And-Play: The Brio 101 works with most video calling platforms, including Microsoft Teams, Zoom and Google Meet—no hassle; it just works
  1. Use a dedicated test account with only the access the screenshot job needs.
  2. Store its password or token in your CI provider’s secret facility; do not hard-code it or print it in logs.
  3. Save Playwright state under a git-ignored directory, such as playwright/.auth. Never commit the state file or upload it as a public artifact.
  4. Authenticate in a setup step, then confirm the expected authenticated URL or a visible page element before capturing. A completed login click alone does not prove that login succeeded.
  5. Plan for session expiry: if the stored state no longer authenticates, refresh it through the setup flow and check the job’s access and logs without exposing credentials.

If the application offers a supported authentication API, Playwright can send an authentication request and save the resulting state; this can avoid a fragile UI login. Session storage is not persisted directly by Playwright’s storage-state API, so applications that depend on it need a separate save-and-restore approach. If parallel workers would mutate shared server-side state, Playwright recommends separate accounts per worker rather than sharing one account.

Build a repeatable capture script

Install Playwright in the project and install its browser binaries in the job environment. The following Node.js example assumes a saved state file at playwright/.auth/state.json, a protected page at https://app.example.com/reports, and a visible heading named “Reports.” Replace those example values with your app’s URL and a reliable ready condition. Create the output directory before writing the image.

Rank #2
Sale
Logitech C270 720p Webcam Plug-and-Play Wide Screen Video Calling - Black | Auto-Light Correct, Noise-Reducing Mic, Zoom, Microsoft, Teams, Skype, Nintendo Switch 2 New GameChat Mode, PC Mac compatible
  • Compatible with Nintendo Switch 2’s new GameChat mode
  • Crisp HD 720p/30 fps video calls with diagonal 55° field of view and auto light correction. Compatible with popular platforms including Skype and Zoom.
  • The built-in noise-reducing mic makes sure your voice comes across clearly up to 1.5 meters away, even if you’re in busy surroundings.
  • C270’s RightLight 2 feature adjusts to lighting conditions, producing brighter, contrasted images to help you look good in all your conference calls.
  • The adjustable universal clip lets you attach the camera securely to your screen or laptop, or fold the clip and set the webcam on a shelf. You’re always ready for your next video call.
const { chromium } = require('playwright');
const fs = require('node:fs/promises');

(async () => {
  await fs.mkdir('artifacts', { recursive: true });
  const browser = await chromium.launch({ headless: true });
  try {
    const context = await browser.newContext({
      storageState: 'playwright/.auth/state.json'
    });
    const page = await context.newPage();

    await page.goto('https://app.example.com/reports', {
      waitUntil: 'domcontentloaded'
    });
    await page.getByRole('heading', { name: 'Reports' }).waitFor({
      state: 'visible',
      timeout: 30000
    });

    await page.screenshot({ path: 'artifacts/page.png' });
    await context.close();
  } finally {
    await browser.close();
  }
})().catch(error => {
  console.error(error);
  process.exitCode = 1;
});

The example uses the authenticated state as input; it does not create that state. Create it with a separate setup step or an authentication API request, as described in Playwright’s authentication guide. Adjust the heading locator to match a meaningful element in the app, and consider checking the final URL as well if redirects are part of the login flow.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Viewport or full-page capture

Playwright’s Page API saves a screenshot with page.screenshot({ path: 'artifacts/page.png' }). By default, it captures the visible viewport. To capture the full scrollable page, use await page.screenshot({ path: 'artifacts/page.png', fullPage: true });. A full-page image may be much taller than a viewport and is not a record of one screen-sized view.

Rank #3
Sale
NexiGo N60 1080P Webcam with Microphone, Software Control & Privacy Cover, USB HD Computer Web Camera, Plug and Play, for Zoom/Skype/Teams, Conferencing and Video Calling
  • 【Full HD 1080P Webcam】Powered by a 1080p FHD two-MP CMOS, the NexiGo N60 Webcam produces exceptionally sharp and clear videos at resolutions up to 1920 x 1080 with 30fps. The 3.6mm glass lens provides a crisp image at fixed distances and is optimized between 19.6 inches to 13 feet, making it ideal for almost any indoor use.
  • 【Wide Compatibility】Works with USB 2.0/3.0, no additional drivers required. Ready to use in approximately one minute or less on any compatible device. Compatible with Mac OS X 10.7 and higher / Windows 7, 8, 10 & 11 / Android 4.0 or higher / Linux 2.6.24 / Chrome OS 29.0.1547 / Ubuntu Version 10.04 or above. Not compatible with XBOX/PS4/PS5.
  • 【Built-in Noise-Cancelling Microphone】The built-in noise-canceling microphone reduces ambient noise to enhance the sound quality of your video. Great for Zoom / Facetime / Video Calling / OBS / Twitch / Facebook / YouTube / Conferencing / Gaming / Streaming / Recording / Online School.
  • 【USB Webcam with Privacy Protection Cover】The privacy cover blocks the lens when the webcam is not in use. It's perfect to help provide security and peace of mind to anyone, from individuals to large companies. 【Note:】Please contact our support for firmware update if you have noticed any audio delays.
  • 【Wide Compatibility】Works with USB 2.0/3.0, no additional drivers required. Ready to use in approximately one minute or less on any compatible device. Compatible with Mac OS X 10.7 and higher / Windows 7, 10 & 11, Pro / Android 4.0 or higher / Linux 2.6.24 / Chrome OS 29.0.1547 / Ubuntu Version 10.04 or above. Not compatible with XBOX/PS4/PS5.

Control repeatability

The screenshot API supports PNG, JPEG, and WebP output, plus options for scale, masking, and animation control. Choose the format and scale deliberately: CSS-pixel scale can help keep dimensions consistent across high-density displays. If rotating content, timestamps, or animations make captures difficult to compare, mask or control those elements as appropriate. For visual regression rather than an archive of scheduled images, Playwright Test’s toHaveScreenshot() can compare a capture with a baseline; review and update baselines deliberately rather than treating every difference as a new reference.

Schedule the job and retain its output

Playwright’s CI guide gives a workflow sequence: install project dependencies, install Playwright browsers and operating-system dependencies, then run the test command. For a standalone script, run the script instead. The guide recommends one worker in CI for stability and reproducibility; use parallel workers or sharding only when the runner and test design support it.

Rank #4
Sale
EMEET C960 1080P Webcam with Microphone, 2 Mics, 90° FOV, Computer Camera | USB Type-A & A-to-C Adapter, Fixed Focus, Plug&Play for Zoom/Teams/Facetime/YouTube/Google Meet/Switch 2 Camera, 2025 Version
  • 1080P Webcam with Cover for Video Calls - EMEET computer webcam provides design and Optimization for professional video streaming. Realistic 1920 x 1080p video, 5-layer anti-glare lens, providing smooth video. C960 computer camera delivers 1920x1080 video with fixed focus (11.8–118.1 inches), so as to provide a clearer image. C960 USB webcam has a cover and can be removed automatically to meet your needs for privacy. For optimal image performance, use the webcam in a well-lit environment.
  • Built-in 2 Omnidirectional Mics - EMEET webcam with microphone for desktop features 2 built-in omnidirectional microphones, picking up your voice to create clear audio for communication. When installing the webcam, select EMEET C960 as the default microphone input device in your computer and video applications and select C960 as the default device in Zoom/Teams and ensure microphone permissions are enabled for proper use. Please note that C960 does not include built-in speakers.
  • Automatic Light Adjustment - Automatic exposure adjustment is applied in EMEET HD webcam 1080p so that the streaming webcam can deliver stable image performance. EMEET C960 camera for computer also features color adjustment and exposure optimization to help you look your best. For optimal video quality, it is recommended to use the webcam in normal or well-lit environments and select suitable video settings in your application. Proper lighting helps achieve a clearer and more balanced image.
  • Plug-and-Play & Upgraded USB Connectivity - New C960 webcam features both USB Type-A & A-to-C adapter connections for wider compatibility. For stable performance, connect the webcam directly to the computer's main USB port and ensure the device is recognized correctly. If a hub or docking station is used, please ensure it provides sufficient power and stable data transmission, as limited ports may affect performance. 90° wide-angle lens captures more participants without frequent adjustments.
  • High Compatibility & Multi Application - C960 webcam for laptop is compatible with Windows 10/11, macOS 10.14+, and Android TV 7.0+. Not supported: Windows Hello, TVs, tablets, or game consoles. It works with Zoom, Teams, Facetime, Google Meet, YouTube and more. Please select C960 webcam as the default camera and microphone device in your application and ensure camera/microphone permissions are enabled, especially on macOS. (Tips: Incompatible with Windows Hello)
  1. Configure the CI provider’s scheduler to start the capture job. Check its current timezone, branch, and schedule rules in the provider documentation; these are provider-specific.
  2. Install the project dependencies and the browser binaries required by the installed Playwright version.
  3. Make the authentication state available securely, or run the authentication setup before the capture.
  4. Run the capture script or Playwright Test command and fail the job if authentication or the ready-condition check fails.
  5. Upload the screenshot directory as a restricted CI artifact, or copy it to a controlled storage location if it must outlive the provider’s artifact window.

Do not assume a file in the job workspace is permanent. Artifact access and retention are set by the CI provider, so choose an explicit retention period and access policy. For durable history, send files to storage whose retention and permissions you manage.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Troubleshoot common failures

  • The app redirects to the login page: the saved state may have expired, may belong to a different environment, or may not include the required authentication data. Re-run the setup or supported API login, then verify the final URL and authenticated UI before capture.
  • The script times out waiting for the page: check whether the app is slow, the locator is wrong, or the session is unauthenticated. Wait for a stable app-specific element rather than assuming navigation alone means the page is ready.
  • The screenshot directory or file is missing: create the destination directory in the job before calling the screenshot API, and verify that the artifact upload step uses the same path.
  • The browser will not launch in CI: ensure the job installed Playwright’s browser binaries and required operating-system dependencies for the installed version.
  • Captures differ between runs: dynamic content, animation, viewport size, and device scale can affect the image. Set a consistent viewport and scale, and use masking or animation controls where suitable.
  • Credentials appear in output or artifacts: remove the exposure, restrict artifact access, and rotate the affected credentials or session. Treat authentication state as a credential, not as an ordinary screenshot file.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

ScreenshotNeo offers a screenshot API and MCP server. Its request can return an image or PDF, and the cleanup steps can accept cookie/consent banners and remove more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers identify the page verdict and billing status. AI agents can use its MCP tools, including take_screenshot, get_page_info, and capture_pdf. Its free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000.

For an endpoint request, see the ScreenshotNeo API documentation:

Best Value
Logitech C920x HD Pro PC Webcam Full 1080p/30fps Video - Black | 30fps Video, Clear Audio, Light Correction, Works with Teams, Meet, Zoom, Nintendo Switch 2, Mac, Tablet
  • Compatible with Nintendo Switch 2’s new GameChat mode
  • HD lighting adjustment and autofocus: The Logitech webcam automatically fine-tunes the lighting, producing bright, razor-sharp images even in low-light settings. This makes it a great webcam for streaming and an ideal web camera for laptop use
  • Advanced capture software: Easily create and share video content with this Logitech camera that is suitable for use as a desktop computer camera or a monitor webcam
  • Stereo audio with dual mics: Capture natural sound during calls and recorded videos with this 1080p webcam, great as a video conference camera or a computer webcam
  • Full HD 1080p video calling and recording at 30 fps. You'll make a strong impression with this PC webcam that features crisp, clearly detailed, and vibrantly colored video
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

This is a one-call capture example, not a Playwright login flow: use it only where the target page is publicly reachable or its authentication can be provided through supported request options. See ScreenshotNeo for the service. Sign up for 1,000 free screenshots a month, with no card required.

Frequently Asked Questions

Can Playwright persist session storage in its storage-state file?

No. Playwright’s storage-state API does not persist session storage directly; use a separate save-and-restore approach if the app relies on it.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Should I use a Playwright script or the Playwright Test runner?

A standalone script suits a simple scheduled capture. Use Playwright Test when you want its fixtures, setup projects, reports, retries, or screenshot assertions.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Windows Errors? Fix Them Before They SpreadFree repair scan
Crashes, No Sound, or Screen Glitches?Free driver scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.