OLD | NEW |
(Empty) | |
| 1 (async function(testRunner) { |
| 2 let {page, session, dp} = await testRunner.startHTML(` |
| 3 <div id='host'></div> |
| 4 <template id='tmpl'> |
| 5 <style> .red { color: red; } </style> |
| 6 <div id='inner' class='red'>hi!</div> |
| 7 </template> |
| 8 `, 'This test checks that style sheets hosted inside shadow roots are reported
in CSS.styleSheetAdded event.'); |
| 9 await session.evaluate(` |
| 10 var template = document.querySelector('#tmpl'); |
| 11 var root = document.querySelector('#host').createShadowRoot(); |
| 12 root.appendChild(template.content.cloneNode(true)); |
| 13 `); |
| 14 dp.DOM.enable(); |
| 15 dp.CSS.enable(); |
| 16 var msg = await dp.CSS.onceStyleSheetAdded(); |
| 17 var styleSheetHeader = msg.params.header; |
| 18 var payload = await dp.CSS.getStyleSheetText({styleSheetId: styleSheetHeader.s
tyleSheetId}); |
| 19 testRunner.log('Loaded style sheet text: ' + payload.result.text); |
| 20 testRunner.completeTest(); |
| 21 }) |
OLD | NEW |