Testing the BackgroundTint class.

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


Container
PASS container.localName is "div"
PASS container.className is "background-tint"
PASS getComputedStyle(container).pointerEvents is "none"

Blur
PASS blur.localName is "div"
PASS blur.className is "blur"
PASS getComputedStyle(blur).position is "absolute"
PASS getComputedStyle(blur).left is "0px"
PASS getComputedStyle(blur).top is "0px"
PASS getComputedStyle(blur).width is "100px"
PASS getComputedStyle(blur).height is "100px"
PASS getComputedStyle(blur).backgroundColor is "rgba(0, 0, 0, 0.55)"
PASS getComputedStyle(blur).webkitBackdropFilter is "saturate(1.8) blur(17.5px)"

Tint
PASS tint.localName is "div"
PASS tint.className is "tint"
PASS getComputedStyle(tint).position is "absolute"
PASS getComputedStyle(tint).left is "0px"
PASS getComputedStyle(tint).top is "0px"
PASS getComputedStyle(tint).width is "100px"
PASS getComputedStyle(tint).height is "100px"
PASS getComputedStyle(tint).backgroundColor is "rgba(255, 255, 255, 0.14)"
PASS getComputedStyle(tint).mixBlendMode is "lighten"
PASS successfullyParsed is true

TEST COMPLETE