page-load-assertion

Validate page-load readiness with four is_page_loaded modes for SPA and dynamic UIs.

176|2|Updated May 21, 2026
One-click install
npx skills add https://github.com/DanielSuo117/velocitai --skill page-load-assertion
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-load-assertion
Source: https://github.com/DanielSuo117/velocitai/tree/main/zh/skills/page-load-assertion
Command: npx skills add https://github.com/DanielSuo117/velocitai --skill page-load-assertion

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

is_page_loaded() provides a standardized way to determine when a page UI is ready, by validating visibility of key elements across PageObjects rather than relying on HTTP status alone.

Core Features & Use Cases

  • Four validation modes (A-D) to progressively assert page readiness, from single-element checks to multi-element state assertions and semantic delegation.
  • Works with SPA patterns, asynchronous loading, and dynamic UI states, ensuring reliable page load assertions during test setup, resets, and test execution.
  • Clear guidelines on selector stability, state validation, and guarding against flakey tests with three-tier verification and explicit error messaging.

Quick Start

Implement is_page_loaded() using the simplest suitable mode (A or B) and progressively adopt Mode C or D as your pages require UI state validation.

Frequently Asked Questions about page-load-assertion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify a page is fully loaded in a Playwright SPA test?

To verify a page is fully loaded in a SPA test, implement the is_page_loaded function to validate element visibility and UI state rather than relying on HTTP status alone. This catches asynchronous rendering delays behind skeleton loaders.

What is the best way to handle flakey UI testing assertions for dynamic page states?

Handling flakey UI testing assertions requires standardizing page readiness checks with progressive validation modes. You can transition from simple single-element visibility checks to complex multi-element state assertions and semantic delegation to stabilize dynamic UI tests.

How do I assert page readiness when content rendering lags behind skeleton loaders?

Assert page readiness during content rendering lag by applying multi-element state validations and optional JS evaluation. This method assesses element visibility, structure, and UI state without throwing exceptions during asynchronous loading.

Can I use is_page_loaded checks for simple single-element visibility validation?

Yes, you can use is_page_loaded checks for simple single-element visibility validation. The system provides four progressive validation modes, allowing you to start with basic single-element checks before adopting complex state assertions as your pages require.

Why does my page load assertion fail during SPA test setup resets?

Page load assertions fail during SPA test setup resets because HTTP status does not reflect UI readiness. You need to validate visibility of key elements across PageObjects and confirm dynamic UI states to prevent flakey tests.