hide-if-contains-visible-text

Check that the hide-if-contains-visible-text snippet is working as expected.

Basic usage

Test that basic usage of the snippet works as expected.

Example Content

sored-hicvt-basic

This is the ad.

Steps

Add filter #1.
Refresh page.
The red element in the test case above should be hidden.

Filters

abptestpages.org#$#hide-if-contains-visible-text Sponsored-hicvt-basic '#parent-basic > .article' '#parent-basic > .article .label'

::content usage

Test that usage of the snippet with elements using the ::content CSS property works as expected.

Example Content

sored-hicvt

This is the ad.

Steps

Add filter #1.
Refresh page.
The red element inside in the test case above should be hidden.

Filters

abptestpages.org#$#hide-if-contains-visible-text Sponsored-hicvt-content '#parent-content > .article' '#parent-content > .article .label'

Text visible via text-shadow

Test that usage of the snippet with elements with text made visible by text-shadow.

Example Content

Sponsored
Failed. Element is not hidden.

Should not be hidden.
Sponsored

Steps

Add filter #1.
Refresh page.
The red element inside in the test case above should be hidden.

Filters

abptestpages.org#$#hide-if-contains-visible-text 'Sponsored' '.text-shadow-test' '.text-shadow-test' 'color:rgba(255,255,255,1)' '-disable-bg-color-check:true'

-ignore-padding:true

Test that usage of the snippet with elements that are made visible by padding.

Example Content

Sponsored Failed. Element is not hidden.

Should not be hidden.

Steps

Add filter #1.
Refresh page.
The red element inside in the test case above should be hidden.

Filters

abptestpages.org#$#hide-if-contains-visible-text 'Sponsored' '.padding-test' '.padding-test' '-ignore-padding:true'