Element Hiding Emulation / Extended Selectors

Check that element hiding emulation functionality is working as expected.

Basic :-abp-properties() usage

Test that an element hiding emulation filter using a :-abp-properties() selector hides its target.

Target

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

localhost#?#div:-abp-properties(width: 213px)

Basic :-abp-has() usage

Test that an element hiding emulation filter using a :-abp-has() selector hides its target.

Target

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

localhost#?#div:-abp-has(>div>span.ehe-abp-has)

Basic :has() usage

Test that an element hiding emulation filter using a :has() selector hides its target.

Target

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

```
localhost#?#div:has(>div>span.ehe-has)
```

Basic :-abp-contains() usage

Test that an element hiding emulation filter using a :-abp-contains() selector hides its target.

ehe-contains-target

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

localhost#?#span:-abp-contains(ehe-contains-target)

Basic :xpath() usage

Test that an element hiding emulation filter using a :xpath() selector hides its target.

Target

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

localhost#?#span:xpath(//*[@id="basic-xpath-usage-fail"])

Basic :has-text() usage

Test that an element hiding emulation filter using a :-has-text() selector hides its target.

ehe-has-text

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

```
localhost#?#span:has-text(ehe-has-text)
```

Chained extended selectors

Test that element hiding emulation filter using several of the extended selectors hides its target.

Target

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

localhost#?#div:-abp-has(> div:-abp-properties(width: 214px))

Case insensitive extended selectors

Test that an element hiding emulation filter is case insensitive and still hides its target.

Target

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

localhost#?#div:-abp-properties(WiDtH: 215px)

Wildcard in extended selector

Test that an element hiding emulation filter using wildcards still hides its target.

Target

Example Content

Steps

Add filter #1.
Refresh page.
The red element should be hidden and the space collapsed.

Filters

localhost#?#.ehe-wildcard:-abp-properties(cursor:*)

Regular expression in :-abp-properties()

Test that an element hiding emulation filter using regular expressions still hides its target.

Target

Not a target

Example Content

Steps

Add filter #1.
Refresh page.
Both red target elements should be hidden and the space collapsed.

Filters

localhost#?#div:-abp-properties(/width: 12[1-5]px;/)

Regular expression in :-abp-contains()

Test that an element hiding emulation filter using regular expressions still hides its target.

ehe-containsregex1

ehe-containsregex2

Example Content

Steps

Add filter #1.
Refresh page.
Both red target elements should be hidden and the space collapsed.

Filters

localhost#?#div > div:-abp-contains(/ehe-containsregex\d/)