Test case details

Preparation Code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <ul id="test"> </ul>
var i = 500;         var ul = $("#test");         var node = ul.get(0);         ul.html('');         while (i > 0) {           ul.append("<li data-component=\"list-item\" class=\"list-item my-other-class\">List Item " + i.toString() + "</li>");           i -= 1;         }
     ul.html('');

Test cases

Test #1

node.querySelectorAll('[data-component="list-item"]');

Test #2

node.querySelectorAll('[data-component]');

Test #3

node.querySelectorAll('.list-item');

Test #4

node.querySelectorAll('.list-item.my-other-class');