LayoutTests/fast/css/style-scoped/style-scoped-with-dom-operation.html - Issue 325663003: Remove scoped styles (retry)

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: LayoutTests/fast/css/style-scoped/style-scoped-with-dom-operation.html

Issue 325663003: Remove scoped styles (retry) (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: update layouttest for addressing tasak's comments. Created 6 years, 6 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 | Annotate | Revision Log

« LayoutTests/fast/css/shadow-style-removed-out-of-document.html ('K') | « LayoutTests/fast/css/style-scoped/style-scoped-shadow-crash-expected.txt ('k') | LayoutTests/fast/css/style-scoped/style-scoped-with-dom-operation-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 <!doctype html>

2 <html>

3 <head>

4 <style>

5 span {

6 background-color: green;

7 }

8 </style>

9 <script src="../../../resources/js-test.js"></script>

10 </head>

11 <body>

12 <div>

13 <div>

14 <style id="existingStyle" scoped>

15 .target { background-color: red; }

16 </style>

17 <span id="target" class="target">Hello, World!</span>

18 </div>

19 </div>

20 </body>

21 <script>

22 description("Tests that <style scoped> is correctly applied after DOM oper ations, i.e. insertBefore, appendChild, and removeChild.");

23

24 var target = document.getElementById('target');

25

26 var existingStyle = document.getElementById('existingStyle');

27 var newStyle = document.createElement('style');

28

29 newStyle.setAttribute('scoped', 'scoped');

30 newStyle.innerHTML = ".target { background-color: blue; }";

31

32 debug("Insert a new scoped style before an existing scoped style.");

33 existingStyle.parentNode.insertBefore(newStyle, existingStyle);

34 shouldBe("window.getComputedStyle(target).backgroundColor", '"rgb(255, 0, 0)"');

35

36 debug("Move an inserted scoped style after an existing scoped style.");

37 existingStyle.parentNode.appendChild(newStyle);

38 shouldBe("window.getComputedStyle(target).backgroundColor", '"rgb(0, 0, 255)"');

39

40 debug("Move an inserted scoped style into grandparent of an existing scoped styl e.");

41 document.body.children[0].appendChild(newStyle);

42 shouldBe("window.getComputedStyle(target).backgroundColor", '"rgb(255, 0, 0)"');

43

44 debug("Remove an inserted scoped style.");

45 newStyle.parentNode.removeChild(newStyle);

46 shouldBe("window.getComputedStyle(target).backgroundColor", '"rgb(255, 0, 0)"');

47

48 debug("Remove an existing scoped style.");

49 existingStyle.parentNode.removeChild(existingStyle);

50 shouldBe("window.getComputedStyle(target).backgroundColor", '"rgb(0, 128, 0)"');

51 </script>

52 </html>

OLD	NEW