third_party/WebKit/LayoutTests/http/tests/inspector/bindings/shadowdom-bindings.html - Issue 2777633002: DevTools: add bindings tests to fixate shadowDOM behavior.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/http/tests/inspector/bindings/shadowdom-bindings.html

Issue 2777633002: DevTools: add bindings tests to fixate shadowDOM behavior. (Closed)

Patch Set: Created 3 years, 9 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/http/tests/inspector/bindings/bindings-test.js ('k') | third_party/WebKit/LayoutTests/http/tests/inspector/bindings/shadowdom-bindings-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <html>

	2 <head>

	3 <script src="../inspector-test.js"></script>

	4 <script src="./bindings-test.js"></script>

	5

	6 <script>

	7

	8 async function test()

	9 {

	10 InspectorTest.markStep('dumpInitialWorkspace');

	11 var snapshot = InspectorTest.dumpWorkspace();

	12

	13 InspectorTest.markStep('attachShadow1');

	14 await Promise.all([

	15 InspectorTest.attachShadowDOM('shadow1', '#template', '_test_attachShado w1.js'),

	16 InspectorTest.waitForSourceMap('sourcemap-script.js.map'),

	17 InspectorTest.waitForSourceMap('sourcemap-style.css.map'),

	18 ]);

	19 snapshot = InspectorTest.dumpWorkspace(snapshot);

	20

	21 InspectorTest.markStep('attachShadow2');

	22 await Promise.all([

	23 InspectorTest.attachShadowDOM('shadow2', '#template', '_test_attachShado w2.js'),

	24 InspectorTest.waitForSourceMap('sourcemap-script.js.map'),

	25 InspectorTest.waitForSourceMap('sourcemap-style.css.map'),

	26 ]);

	27 snapshot = InspectorTest.dumpWorkspace(snapshot);

	28

	29 InspectorTest.markStep('detachShadow1');

	30 await Promise.all([

	31 InspectorTest.detachShadowDOM('shadow1', '_test_detachShadow1.js'),

	32 InspectorTest.waitForStyleSheetRemoved('sourcemap-style.css'),

	33 ]);

	34 snapshot = InspectorTest.dumpWorkspace(snapshot);

	35

	36 InspectorTest.markStep('detachShadow2');

	37 await Promise.all([

	38 InspectorTest.detachShadowDOM('shadow2', '_test_detachShadow2.js'),

	39 InspectorTest.waitForStyleSheetRemoved('sourcemap-style.css'),

	40 ]);

	41 snapshot = InspectorTest.dumpWorkspace(snapshot);

	42

	43 InspectorTest.completeTest();

	44

	45 }

	46

	47 </script>

	48

	49 </head>

	50 <body onload="runTest()">

	51 <p>

	52 Verify that UISourceCodes are added and removed as shadow dom styles and scripts are added and removed.

	53 </p>

	54

	55 <template id='template'>

	56 <style>div {

	57 color: blue;

	58 }

	59 /# sourceURL=sourcemap-style.css /

	60 /# sourceMappingURL=resources/sourcemap-style.css.map /

	61 </style>

	62 <script>window.foo = console.log.bind(console, 'foo');

	63 //# sourceURL=sourcemap-script.js

	64 //# sourceMappingURL=resources/sourcemap-script.js.map

	65 </script>

	66 <p>Hi! I'm ShadowDOM v1!</p>

	67 </template>

	68

	69 </body>

	70 </html>

OLD	NEW