Default Selector Test Page
Use this page to verify the default ProdGuard selectors match the intended elements. Each section shows buttons that should be intercepted when ProdGuard is active on this site.
How to use: Install ProdGuard, enable it for this page's domain, and click any button below. If ProdGuard is working correctly, a confirmation challenge will appear before the action proceeds.
.btn-danger
Targets elements with the class btn-danger.
html
<button class="btn-danger">Delete item</button>[class*="danger" i]
Targets any element with "danger" anywhere in its class name (case-insensitive).
html
<button class="action-danger-zone">Danger Zone Action</button>
<button class="myDangerButton">myDangerButton</button>[class*="delete" i]
Targets any element with "delete" anywhere in its class name (case-insensitive).
html
<button class="btn-delete">btn-delete</button>
<button class="deleteRecord">deleteRecord</button>[aria-label*="delete" i]
Targets elements with "delete" in their aria-label attribute (case-insensitive).
html
<button aria-label="Delete this record">🗑 Delete record</button>
<button aria-label="Permanently Delete Account">
Permanently Delete Account
</button>[data-testid*="delete" i]
Targets elements with "delete" in their data-testid attribute (case-insensitive).
html
<button data-testid="delete-user-btn">Delete user (data-testid)</button>
<button data-testid="confirmDeleteModal">
confirmDeleteModal (data-testid)
</button>button[type="submit"]
Targets all submit buttons inside forms.
html
<form>
<button type="submit">Submit form</button>
</form>Should NOT be intercepted
These elements do not match any default selector and should trigger normally without a ProdGuard challenge.
html
<button>Regular button</button>
<button class="btn-primary">btn-primary</button>
<button aria-label="Save changes">Save changes</button>