Test the basic features of ":read-only", ":read-write" on the <textarea> element. The definition is that ":read-write" is matches for "textarea elements that do not have a readonly attribute, and that are not disabled"

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


PASS document.querySelectorAll("textarea:read-write").length is 1
PASS document.querySelectorAll("textarea:read-write")[0].id is "initial-state"
PASS document.querySelectorAll("textarea:read-only").length is 14
PASS document.querySelectorAll("textarea:read-only")[0].id is "readonly-defined"
PASS document.querySelectorAll("textarea:read-only")[1].id is "readonly-set-empty"
PASS document.querySelectorAll("textarea:read-only")[2].id is "readonly-set-readonly"
PASS document.querySelectorAll("textarea:read-only")[3].id is "readonly-set-true"
PASS document.querySelectorAll("textarea:read-only")[4].id is "readonly-set-false"
PASS document.querySelectorAll("textarea:read-only")[5].id is "readonly-set-disabled"
PASS document.querySelectorAll("textarea:read-only")[6].id is "disabled-defined"
PASS document.querySelectorAll("textarea:read-only")[7].id is "disabled-set-empty"
PASS document.querySelectorAll("textarea:read-only")[8].id is "disabled-set-disabled"
PASS document.querySelectorAll("textarea:read-only")[9].id is "disabled-set-true"
PASS document.querySelectorAll("textarea:read-only")[10].id is "disabled-set-false"
PASS document.querySelectorAll("textarea:read-only")[11].id is "disabled-set-readonly"
PASS document.querySelectorAll("textarea:read-only")[12].id is "readonly-and-disabled-defined"
PASS document.querySelectorAll("textarea:read-only")[13].id is "readonly-and-disabled-set-empty"
PASS getComputedStyle(document.getElementById("initial-state")).backgroundColor is "rgb(255, 255, 255)"
PASS getComputedStyle(document.getElementById("initial-state")).color is "rgb(4, 5, 6)"
PASS getComputedStyle(document.getElementById("readonly-defined")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("readonly-defined")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("readonly-set-empty")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("readonly-set-empty")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("readonly-set-readonly")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("readonly-set-readonly")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("readonly-set-true")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("readonly-set-true")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("readonly-set-false")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("readonly-set-false")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("readonly-set-disabled")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("readonly-set-disabled")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("disabled-defined")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("disabled-defined")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("disabled-set-empty")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("disabled-set-empty")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("disabled-set-disabled")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("disabled-set-disabled")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("disabled-set-true")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("disabled-set-true")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("disabled-set-false")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("disabled-set-false")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("disabled-set-readonly")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("disabled-set-readonly")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("readonly-and-disabled-defined")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("readonly-and-disabled-defined")).color is "rgb(0, 0, 0)"
PASS getComputedStyle(document.getElementById("readonly-and-disabled-set-empty")).backgroundColor is "rgb(1, 2, 3)"
PASS getComputedStyle(document.getElementById("readonly-and-disabled-set-empty")).color is "rgb(0, 0, 0)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS testBlock.querySelectorAll(":read-write").length is 0
PASS testBlock.querySelector(":read-write") is null
PASS testBlock.querySelectorAll(":read-only").length is 1
PASS testBlock.querySelector(":read-only") is newTextArea
PASS getComputedStyle(newTextArea).color is "rgb(0, 0, 0)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(1, 2, 3)"
PASS testBlock.querySelectorAll(":read-write").length is 1
PASS testBlock.querySelector(":read-write") is newTextArea
PASS testBlock.querySelectorAll(":read-only").length is 0
PASS testBlock.querySelector(":read-only") is null
PASS getComputedStyle(newTextArea).color is "rgb(4, 5, 6)"
PASS getComputedStyle(newTextArea).backgroundColor is "rgb(255, 255, 255)"
PASS successfullyParsed is true

TEST COMPLETE