function checkClassSelectors(parse, equal) {
function check(root, selector, expected) {
var all = root.querySelectorAll(selector);
equal(all.length, expected.length, selector + " count");
for (var i = 0; i < expected.length; i++) {
equal(all[i].id, expected[i], selector + " order " + i);
}
equal(root.querySelector(selector), all.length ? all[0] : null,
selector + " first match");
}
var doc = parse('' +
'', 'text/html');
var root = doc.getElementById('root');
for (var repeat = 0; repeat < 10; repeat++) {
check(root, '.toggle', ['a', 'b', 'd', 'svg']);
check(root, '*|*.toggle', ['a', 'b', 'd', 'svg']);
check(root, '.t\\6f ggle', ['a', 'b', 'd', 'svg']);
check(root, '.TOGGLE', ['c']);
check(root, '.missing', []);
check(root, '.toggle.completed', ['a']);
check(root, 'button.toggle', ['d']);
check(root, '.toggle:not(.completed)', ['b', 'd', 'svg']);
check(root, '.toggle, .other', ['a', 'b', 'd', 'svg']);
}
check(doc, '.toggle', ['root', 'a', 'b', 'd', 'svg']);
var snapshot = root.querySelectorAll('.toggle');
doc.getElementById('a').className = '';
root.removeChild(doc.getElementById('d'));
doc.getElementById('c').className = 'toggle';
check(root, '.toggle', ['b', 'c', 'svg']);
equal(snapshot.length, 4, 'querySelectorAll remains a static snapshot');
equal(snapshot[0].id, 'a', 'snapshot retains a changed element');
equal(snapshot[2].id, 'd', 'snapshot retains a removed element');
var fragment = doc.createDocumentFragment();
fragment.appendChild(root);
check(fragment, '.toggle', ['root', 'b', 'c', 'svg']);
check(root, '.toggle', ['b', 'c', 'svg']);
var quirks = parse('' +
'', 'text/html');
equal(quirks.compatMode, 'BackCompat', 'quirks document');
check(quirks, '.toggle', ['lower', 'upper']);
check(quirks, '.TOGGLE', ['lower', 'upper']);
var xml = parse('