<!DOCTYPE html>
<title>ASCII case-insensitive attribute selector matching</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<div id="element1" attr-exact="fİx"></div>
<div id="element2" attr-exact="äpple"></div>
<div id="element3" attr-list="apelsin äpple citron"></div>
<div id="element4" attr-hyphen="äppel-cider"></div>
<div id="element5" attr-begin="äppelcider"></div>
<div id="element6" attr-end="giftäpple"></div>
<div id="element7" attr-contain="glasäppelkorg"></div>
<script>
function matchingId(selector) {
return (document.querySelector(selector) || { id: '' }).id;
}
test(function() {
assert_equals(matchingId('div[attr-exact="f\u0130x"]'), 'element1');
assert_equals(matchingId('div[attr-exact="FIX" i]'), '');
assert_equals(matchingId('div[attr-exact="A\u0308pple" i]'), 'element2');
assert_equals(matchingId('div[attr-list~="A\u0308pple" i]'), 'element3');
assert_equals(matchingId('div[attr-hyphen|="A\u0308ppel" i]'), 'element4');
assert_equals(matchingId('div[attr-begin^="A\u0308ppel" i]'), 'element5');
assert_equals(matchingId('div[attr-end$="A\u0308pple" i]'), 'element6');
assert_equals(matchingId('div[attr-contain*="A\u0308ppel" i]'), 'element7');
});
</script>