third_party/WebKit/LayoutTests/shadow-dom/v1-slots-api-2.html - Issue 2053503003: Clean up layout tests in LayoutTests/shadow-dom/

Side by Side Diff: third_party/WebKit/LayoutTests/shadow-dom/v1-slots-api-2.html

Issue 2053503003: Clean up layout tests in LayoutTests/shadow-dom/ (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 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

« no previous file with comments | « third_party/WebKit/LayoutTests/shadow-dom/v1-slots-api-1.html ('k') | third_party/WebKit/LayoutTests/shadow-dom/v1-slots-api-dynamic.html » ('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 <meta charset="utf-8">

3 <script src='../resources/testharness.js'></script>

4 <script src='../resources/testharnessreport.js'></script>

5 <script src='resources/shadow-dom.js'></script>

6 <div id='d1'>

7 <template data-mode='open'>

8 <div id='d1-1'>

9 <template data-mode='open'>

10 <div id='d1-1-1'></div>

11 <slot name='d1-1-s1'></slot>

12 <slot name='d1-1-s2'></slot>

13 <div id='d1-1-2'></div>

14 </template>

15 <div id='d1-2'></div>

16 <slot id='d1-s0'></slot>

17 <slot name='d1-s1' slot='d1-1-s1'></slot>

18 <slot name='d1-s2'></slot>

19 <div id='d1-3'></div>

20 <div id='d1-4' slot='d1-1-s1'></div>

21 </div>

22 </template>

23 <div id='d2' slot='d1-s1'></div>

24 <div id='d3' slot='d1-s2'></div>

25 <div id='d4' slot='non-existent'></div>

26 <div id='d5'></div>

27 </div>

28 <script>

29 'use strict';

30 convertTemplatesToShadowRootsWithin(d1);

31 removeWhiteSpaceOnlyTextNodes(d1);

32 document.body.offsetLeft;

33

34 const d1_shadow = d1.shadowRoot;

35 const d1_1 = d1_shadow.querySelector('#d1-1');

36 const d1_2 = d1_shadow.querySelector('#d1-2');

37 const d1_3 = d1_shadow.querySelector('#d1-3');

38 const d1_4 = d1_shadow.querySelector('#d1-4');

39 const d1_s0= d1_shadow.querySelector('#d1-s0');

40 const d1_s1 = d1_shadow.querySelector('[name=d1-s1]');

41 const d1_s2 = d1_shadow.querySelector('[name=d1-s2]');

42

43 const d1_1_shadow = d1_1.shadowRoot;

44 const d1_1_1 = d1_1_shadow.querySelector('#d1-1-1');

45 const d1_1_2 = d1_1_shadow.querySelector('#d1-1-2');

46 const d1_1_s1 = d1_1_shadow.querySelector('[name=d1-1-s1]');

47 const d1_1_s2 = d1_1_shadow.querySelector('[name=d1-1-s2]');

48

49 test(() => {

50 assert_equals(d1.assignedSlot, null);

51 assert_equals(d2.assignedSlot, d1_s1);

52 assert_equals(d3.assignedSlot, d1_s2);

53 assert_equals(d4.assignedSlot, null);

54 assert_equals(d5.assignedSlot, d1_s0);

55

56 assert_equals(d1_2.assignedSlot, null);

57 assert_equals(d1_s0.assignedSlot, null);

58 assert_equals(d1_s1.assignedSlot, d1_1_s1);

59 assert_equals(d1_s2.assignedSlot, null);

60 assert_equals(d1_3.assignedSlot, null);

61 assert_equals(d1_4.assignedSlot, d1_1_s1);

62 }, "assignedSlot");

63

64 test(() => {

65 assert_array_equals(d1_s0.assignedNodes(), [d5]);

66 assert_array_equals(d1_s1.assignedNodes(), [d2]);

67 assert_array_equals(d1_s2.assignedNodes(), [d3]);

68

69 assert_array_equals(d1_1_s1.assignedNodes(), [d1_s1, d1_4]);

70 assert_array_equals(d1_1_s2.assignedNodes(), []);

71 }, "assignedNodes");

72

73 test(() => {

74 assert_array_equals(d1_1_s1.assignedNodes({flatten: false}), [d1_s1, d1_4],

75 "{flatten: false} should not have any effect");

76 }, "assignedNodes({flatten: false})");

77

78 test(() => {

79 assert_array_equals(d1_s0.assignedNodes({flatten: true}), [d5]);

80 assert_array_equals(d1_s1.assignedNodes({flatten: true}), [d2]);

81 assert_array_equals(d1_s2.assignedNodes({flatten: true}), [d3]);

82

83 assert_array_equals(d1_1_s1.assignedNodes({flatten: true}), [d2, d1_4]);

84 assert_array_equals(d1_1_s1.assignedNodes({flatten: true}), [d2, d1_4]);

85 assert_array_equals(d1_1_s2.assignedNodes({flatten: true}), []);

86 }, "assignedNodes({flatten: true})");

87 </script>

OLD	NEW