Skip to main content

Using Claude Code, Cursor, or another coding agent? Paste this into your prompt to run cross-browser and real-device tests, debug sessions, and wire up CI on the TestMu AI cloud:
Textual assertions extract data from the page’s DOM: element states, attributes, and computed styles that aren’t always visible in a screenshot.

When It’s Used

  • Element states: disabled, enabled, checked, readonly, expanded
  • CSS properties with exact values: font-size: 16px, opacity: 0.5, display: none
  • HTML attributes: placeholder, aria-*, data-*, class, id, href, src, type, value
  • Attribute existence: “has placeholder”, “has aria-label”
  • Exact CSS color values: rgb(255,0,0), #ff0000

Examples

Assertions

Extractions

When NOT to Use

  • For visible text content (prices, labels) → use Visual
  • For color names like “red background” → use Visual (DOM may return transparent or inherited values)
  • For network/console/cookie data → use DevTools

How It Works

  1. KaneAI captures the DOM snapshot of the page
  2. The AI model identifies the target element and extracts the requested property
  3. The value is compared against the expected value