[DevTools] New harness for inspector-protocol layout tests

third_party/WebKit/LayoutTests/inspector-protocol/shadow-dom-rules-in-styleSheetAddedEvent.js

+(async function() {
+  let {page, session, Protocol} = await InspectorTest.startHTML(`
+    <div id='host'></div>
+    <template id='tmpl'>
+      <style> .red { color: red; } </style>
+      <div id='inner' class='red'>hi!</div>
+    </template>
+  `, 'This test checks that style sheets hosted inside shadow roots are reported in CSS.styleSheetAdded event.');
+
+  await session.evaluate(`
+    var template = document.querySelector('#tmpl');
+    var root = document.querySelector('#host').createShadowRoot();
+    root.appendChild(template.content.cloneNode(true));
+  `);
+
+  Protocol.DOM.enable();
+  Protocol.CSS.enable();
+  var msg = await Protocol.CSS.onceStyleSheetAdded();
+  var styleSheetHeader = msg.params.header;
+  var payload = await Protocol.CSS.getStyleSheetText({styleSheetId: styleSheetHeader.styleSheetId});
+  InspectorTest.log('Loaded style sheet text: ' + payload.result.text);
+  InspectorTest.completeTest();
+})();