| Test tagname's case-sensitivity when matching SVG-in-HTML with Element.closest(). |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Basic cases, tagname alone. |
| PASS document.getElementById('target1').closest('Container').getAttribute('class') is "container3" |
| PASS document.getElementById('target1').closest('container').getAttribute('class') is "container3" |
| PASS document.getElementById('target1').closest('CONTAINER').getAttribute('class') is "container3" |
| PASS document.getElementById('target2').closest('Container') is null |
| PASS document.getElementById('target2').closest('container').getAttribute('class') is "container3" |
| PASS document.getElementById('target2').closest('CONTAINER') is null |
| PASS document.getElementById('target3').closest('Container').getAttribute('class') is "container3" |
| PASS document.getElementById('target3').closest('container').getAttribute('class') is "container2" |
| PASS document.getElementById('target3').closest('CONTAINER').getAttribute('class') is "container1" |
| |
| Compound selectors. |
| PASS document.getElementById('target1').closest('Container[class^="container"]').getAttribute('class') is "container3" |
| PASS document.getElementById('target1').closest('container[class^="container"]').getAttribute('class') is "container3" |
| PASS document.getElementById('target1').closest('CONTAINER[class^="container"]').getAttribute('class') is "container3" |
| PASS document.getElementById('target2').closest('Container[class^="container"]') is null |
| PASS document.getElementById('target2').closest('container[class^="container"]').getAttribute('class') is "container3" |
| PASS document.getElementById('target2').closest('CONTAINER[class^="container"]') is null |
| PASS document.getElementById('target3').closest('Container[class^="container"]').getAttribute('class') is "container3" |
| PASS document.getElementById('target3').closest('container[class^="container"]').getAttribute('class') is "container2" |
| PASS document.getElementById('target3').closest('CONTAINER[class^="container"]').getAttribute('class') is "container1" |
| |
| Complex selectors. |
| PASS document.getElementById('target1').closest('div Container').getAttribute('class') is "container3" |
| PASS document.getElementById('target1').closest('div container').getAttribute('class') is "container3" |
| PASS document.getElementById('target1').closest('div CONTAINER').getAttribute('class') is "container3" |
| PASS document.getElementById('target2').closest('div Container') is null |
| PASS document.getElementById('target2').closest('div container').getAttribute('class') is "container3" |
| PASS document.getElementById('target2').closest('div CONTAINER') is null |
| PASS document.getElementById('target3').closest('div Container').getAttribute('class') is "container3" |
| PASS document.getElementById('target3').closest('div container').getAttribute('class') is "container2" |
| PASS document.getElementById('target3').closest('div CONTAINER').getAttribute('class') is "container1" |
| PASS document.getElementById('target3').closest('container > Container').getAttribute('class') is "container3" |
| PASS document.getElementById('target3').closest('CONTAINER > Container') is null |
| PASS document.getElementById('target3').closest('Container > Container') is null |
| PASS document.getElementById('target3').closest('CONTAINER > container').getAttribute('class') is "container2" |
| PASS document.getElementById('target3').closest('Container > container') is null |
| PASS document.getElementById('target3').closest('container > container') is null |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
