document.getElementById('test1').setAttribute('style', 'background-color: green'); document.getElementById('test2').setAttribute('style', 'background-color: green'); document.getElementById('test3').setAttribute('style', 'background-color: green'); document.getElementById('test4').setAttribute('style', 'background-color: green'); document.getElementById('test5').setAttribute('style', 'background-color: green'); document.getElementById('test6').setAttribute('style', 'background-color: green'); document.getElementById('test7').setAttribute('style', 'background-color: green'); document.getElementById('test1').setAttribute('test', 'nv1'); document.getElementById('test2').setAttribute('test', 'nv2'); document.getElementById('test3').setAttribute('test', 'nv3'); document.getElementById('test4').removeAttribute('test'); document.getElementById('test5').setAttribute('test', 'nv5'); document.getElementById('test6').setAttribute('test', 'nv6');

Click this text to run the tests

Successful tests are shown in green after clicking

Test1: Changing value, filter by new value
Test2: Changing value, filter by new and old value
Test3: Changing value, filter by name
Test4: Removing an attribute
Test5: Adding an attribute
Test6: Adding or changing an attribute
Test7: DOMSubtreeModified