third_party/WebKit/LayoutTests/external/csswg-test/css-rhythm-1/snap-height-parsing-001.html - Issue 2707203005: Import csswg-test@ed79f8614481e97d61f17f41b65448c211d27c6f

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/external/csswg-test/css-rhythm-1/snap-height-parsing-001.html

Issue 2707203005: Import csswg-test@ed79f8614481e97d61f17f41b65448c211d27c6f (Closed)

Patch Set: Created 3 years, 10 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/external/csswg-test/css-rhythm-1/snap-height-dynamic-001.html ('k') | third_party/WebKit/LayoutTests/external/csswg-test/css-writing-modes-3/normal-flow-overconstrained-vlr-003.xht » ('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 <title>CSS Snap Size: parsing snap-height</title>

3 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">

4 <link rel="help" href="https://drafts.csswg.org/css-rhythm-1/#snap-height">

5 <meta name="assert" content="This test asserts the parsing and getComputedStyle works correctly for the snap-height property.">

6 <meta name="flags" content="dom">

7 <script src="/resources/testharness.js"></script>

8 <script src="/resources/testharnessreport.js"></script>

9

10 <div data-expected="0px" title="initial value"></div>

11

12 <div style="snap-height: 20px 60" data-expected="20px 60">

13 <div data-expected="20px 60" title="snap-height should inherit"></div>

14 <div style="snap-height: initial" data-expected="0px"></div>

15 <div style="snap-height: initial; snap-height: inherit" data-expected="20px 60 "></div>

16

17 <div style="snap-height: 40px" data-expected="40px"></div>

18

19 <div style="snap-height: 0" data-expected="0px"></div>

20

21 <div style="snap-height: 1" data-expected="20px 60"></div>

22

23 <div style="snap-height: -1px" data-expected="20px 60"></div>

24 <div style="snap-height: 40px -1" data-expected="20px 60"></div>

25 <div style="snap-height: 40px 0" data-expected="20px 60"></div>

26 <div style="snap-height: 40px 101" data-expected="20px 60"></div>

27 </div>

28

29 <div id="pt" style="snap-height: 40pt"></div>

30

31 <script>

32 Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), funct ion (element) {

33 test(function () {

34 var actual = getComputedStyle(element).snapHeight;

35 assert_equals(actual, element.dataset.expected);

36 }, element.title \|\| element.getAttribute("style"));

37 });

38

39 test(function () {

40 assert_equals(getComputedStyle(document.getElementById("pt")).snapHeight.slice (-2), "px");

41 }, "Computed value must be the absolute length");

42 </script>

OLD	NEW