<< All versions

Skill v1.0.0

currentAutomated scan100/100
danielsuo117/velocitai/page-load-assertion
──Details
PublishedOctober 25, 2026 at 05:33 AM
Content Hashsha256:24844159de1d534d...
Git SHA82c8b9476c88
──Files
Files (1 file, 4.8 KB)
SKILL.md4.8 KBactive
SKILL.md · 133 lines · 4.8 KB

version: "1.0.0" name: page-load-assertion description: is_page_loaded() 四种验证模式与调用层级。触发：页面断言、is_page_loaded、page loaded、页面加载验证。

Page Load Assertion — 页面加载断言方法论

核心思路

页面"正常"的判断不是检查 HTTP 状态码，而是验证用户能看到的关键元素确实渲染出来了。通过每个 PageObject 的 is_page_loaded() 方法统一实现。

is_page_loaded() 的四种验证模式

按严格程度从低到高：

模式 A：单元素验证（最简单）

检查该页面独有的标志性容器是否可见。适用于结构简单、一个元素就能区分的页面：

python
PAGE_CONTAINER = "css=.feature-container"    # P3
def is_page_loaded(self) -> bool:
    return self.is_visible(self.PAGE_CONTAINER)

模式 B：双元素 AND 组合（推荐默认）

容器 + 内容 双重验证，确保"页面骨架到位 + 数据渲染完成"：

python
PAGE_CONTAINER = "css=.feature-container"    # P3
PAGE_TITLE = "text=欢迎使用"                  # P1
def is_page_loaded(self) -> bool:
    return self.is_visible(self.PAGE_CONTAINER) and self.is_visible(self.PAGE_TITLE)

模式 C：多元素 + 激活态验证（最严格）

在结构和内容基础上，还验证当前 UI 状态（如某个 tab 处于 active）。适用于承担"起点状态判断"语义的页面：

python
PAGE_TITLE = "css=span.page-title"                                    # P3
TAB_BAR = "css=ul.tab-bar"                                            # P3
DEFAULT_TAB_ACTIVE = "css=ul.tab-bar li.tab.active >> text=默认Tab"    # P3+P1
def is_page_loaded(self) -> bool:
    return (
        self.is_visible(self.PAGE_TITLE)
        and self.is_visible(self.TAB_BAR)
        and self.is_visible(self.DEFAULT_TAB_ACTIVE)
    )

注意：状态类 selector（.active / aria-selected 等）必须配 text 锁定，否则切换 tab 后 .active 跟随新激活对象漂移。

模式 D：委托给语义方法

把验证逻辑提取为有业务含义的方法名，便于 setup fixture 中单独调用：

python
def is_page_loaded(self) -> bool:
    return self.is_login_success()
def is_login_success(self) -> bool:
    return self.is_visible(self.SUCCESS_FLAG) and self.is_visible(self.NAV_LIST)

模式选择决策树

新页面需要 is_page_loaded()
│
├─ 页面结构简单，一个独有容器即可区分？
│  └─ 是 → 模式 A（单元素）
│
├─ 需要确认内容也渲染到位？
│  └─ 是 → 模式 B（容器 + 内容，推荐默认）
│
├─ 该页面是复位 fixture 的起点，需要判断 UI 状态？
│  └─ 是 → 模式 C（多元素 + 激活态）
│
├─ 验证逻辑在 setup 中也需要单独调用？
│  └─ 是 → 模式 D（委托给语义方法）
│
└─ 容器可能存在但内容未渲染（SPA 子 Tab 切换 / 异步加载）？
   └─ 是 → 模式 E（JS evaluate 检查子元素数量）

验证元素的选择原则

原则说明
选该页面独有的元素不选通用 header/footer，选只有这个页面才有的容器或文本
优先选结构性容器如 .feature-container、.detail-wrapper，页面骨架不易变
文本元素锁定业务语义如 text=欢迎使用，确认内容渲染到位
状态类 selector 配 text.active 会随操作漂移，必须加 >> text=具体文本 锁定
不选动态数据具体数字、用户名等因数据变化导致断言不稳定

断言目标的三级稳定性

核心原则：优先选模板级文本（页面框架固定标题），禁止选数据级内容（动态计数、日期）。多视图场景中每个断言目标须同时满足「模板级 + 视图独占」。

完整规则与反例/正例 → assertion-patterns.md "断言目标稳定性"章节。

模式 E：白屏检测 + 空数据 vs 有数据 三态判断

SPA 中容器 div 可能存在且 is_visible 为真，但内部组件未挂载（白屏）—— 此时模式 A/B 会误判为正常。该场景需要三态判断，细节较多且只在 SPA 下适用。

按需展开 → references/blank-screen-detection.md

调用层级

  1. class setup：登录后 assert home.is_page_loaded(), "首页加载失败"
  2. function reset：if not self.home.is_page_loaded(): click_nav_home(); assert ...
  3. 用例体：每次跳转后 assert target.is_page_loaded(), "<页面>加载失败"

规则约束

  1. 每个 PageObject 必须实现 `is_page_loaded()`——返回 bool，放在类的最后一个方法
  2. is_page_loaded() 内部只用 is_visible() 组合，不抛异常
All versions