DevTools: Add features to collect classnames from Stylesheets and DOM

third_party/WebKit/LayoutTests/inspector-protocol/css/resources/collect-class-names.css

Index: third_party/WebKit/LayoutTests/inspector-protocol/css/resources/collect-class-names.css
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/css/resources/collect-class-names.css b/third_party/WebKit/LayoutTests/inspector-protocol/css/resources/collect-class-names.css
new file mode 100644
index 0000000000000000000000000000000000000000..8c3d3c38fc9e4b98213e885205bacf62bee1ca47
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/css/resources/collect-class-names.css
@@ -0,0 +1,65 @@
+@import "collect-class-names-imported.css" screen;
+
+* {
+    box-sizing: border-box;
+}
+
+html, body, div, a {
+    font-size: 12px;
+}
+
+.test1 {
+    font-size: 12px;
+}
+
+#testdiv > .test2 {
+    font-size: 12px;
+}
+
+.test1 {
+    font-size: 12px;
+}
+
+.test1.test2 {
+    font-size: 12px;
+}
+
+.test3 > .test4 {
+    font-size: 12px;
+}
+
+.test5.test6 {
+    font-size: 12px;
+}
+
+.test7 div .test8 > a {
+    font-size: 12px;
+}
+
+.test9:first-child.test10 > .test11 {
+    font-size: 12px;
+}
+
+.test12.test13:last-child {
+    font-size: 12px;
+}
+
+@media (min-width: 1px) {
+    .test1 {
+        font-size: 12px;
+    }
+
+    .test14 {
+        font-size: 12px;
+    }
+
+    #testid > .test15 {
+        font-size: 12px;
+    }
+}
+
+@supports (display: flex) {
+    .support-class {
+      display: -webkit-flex;
+    }
+}