third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-height-parsing-001.html - Issue 1696373004: Add csswg-test/css-snap-size-1 to import from csswg-test

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

Issue 1696373004: Add csswg-test/css-snap-size-1 to import from csswg-test (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@css

Patch Set: Minor fix in upstream incorporated Created 4 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/W3CImportExpectations ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-height-parsing-001-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 <title>CSS Snap Size: parsing snap-height</title>

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

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

	5 <meta name="assert" content="This test asserts the parser and getComputedStyle w orks 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