third_party/WebKit/LayoutTests/fast/multicol/client-rect-nested.html - Issue 1907443003: Translate flow thread coords to the nearest enclosing coord space when appropriate.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/multicol/client-rect-nested.html

Issue 1907443003: Translate flow thread coords to the nearest enclosing coord space when appropriate. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Add a unit test too. Created 4 years, 8 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 | « no previous file | third_party/WebKit/LayoutTests/fast/multicol/client-rect-nested-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutMultiColumnFlowThread.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

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

	3 <div style="position:fixed; z-index:-1; top:8px; left:8px; columns:2; column-fil l:auto; height:40px; column-gap:10px; width:630px; line-height:20px; orphans:1; widows:1;">

	4 <div class="test"><br></div>

	5 <div style="columns:2; column-gap:10px;">

	6 <div class="test"><br></div>

	7 <div style="columns:2; column-gap:10px;">

	8 <div class="test"><br></div>

	9 <div class="test"><br></div>

	10 <div class="test"><br></div>

	11 <div class="test"><br></div>

	12 <div class="test"><br></div>

	13 <div class="test"><br></div>

	14 <div class="test"><br></div>

	15 <div class="test"><br></div>

	16 <div class="test"><br></div>

	17 <div class="test"><br></div>

	18 </div>

	19 </div>

	20 </div>

	21 <script>

	22 description("Tests getBoundingClientRect() in nested multicol.");

	23 var elements = document.getElementsByClassName("test");

	24

	25 shouldBe("elements[0].getBoundingClientRect().left", "8");

	26 shouldBe("elements[0].getBoundingClientRect().top", "8");

	27 shouldBe("elements[0].getBoundingClientRect().right", "318");

	28 shouldBe("elements[0].getBoundingClientRect().bottom", "28");

	29

	30 shouldBe("elements[1].getBoundingClientRect().left", "8");

	31 shouldBe("elements[1].getBoundingClientRect().top", "28");

	32 shouldBe("elements[1].getBoundingClientRect().right", "158");

	33 shouldBe("elements[1].getBoundingClientRect().bottom", "48");

	34

	35 shouldBe("elements[2].getBoundingClientRect().left", "168");

	36 shouldBe("elements[2].getBoundingClientRect().top", "28");

	37 shouldBe("elements[2].getBoundingClientRect().right", "238");

	38 shouldBe("elements[2].getBoundingClientRect().bottom", "48");

	39

	40 shouldBe("elements[3].getBoundingClientRect().left", "248");

	41 shouldBe("elements[3].getBoundingClientRect().top", "28");

	42 shouldBe("elements[3].getBoundingClientRect().right", "318");

	43 shouldBe("elements[3].getBoundingClientRect().bottom", "48");

	44

	45 shouldBe("elements[4].getBoundingClientRect().left", "328");

	46 shouldBe("elements[4].getBoundingClientRect().top", "8");

	47 shouldBe("elements[4].getBoundingClientRect().right", "398");

	48 shouldBe("elements[4].getBoundingClientRect().bottom", "28");

	49

	50 shouldBe("elements[5].getBoundingClientRect().left", "328");

	51 shouldBe("elements[5].getBoundingClientRect().top", "28");

	52 shouldBe("elements[5].getBoundingClientRect().right", "398");

	53 shouldBe("elements[5].getBoundingClientRect().bottom", "48");

	54

	55 shouldBe("elements[6].getBoundingClientRect().left", "408");

	56 shouldBe("elements[6].getBoundingClientRect().top", "8");

	57 shouldBe("elements[6].getBoundingClientRect().right", "478");

	58 shouldBe("elements[6].getBoundingClientRect().bottom", "28");

	59

	60 shouldBe("elements[7].getBoundingClientRect().left", "408");

	61 shouldBe("elements[7].getBoundingClientRect().top", "28");

	62 shouldBe("elements[7].getBoundingClientRect().right", "478");

	63 shouldBe("elements[7].getBoundingClientRect().bottom", "48");

	64

	65 shouldBe("elements[8].getBoundingClientRect().left", "488");

	66 shouldBe("elements[8].getBoundingClientRect().top", "8");

	67 shouldBe("elements[8].getBoundingClientRect().right", "558");

	68 shouldBe("elements[8].getBoundingClientRect().bottom", "28");

	69

	70 shouldBe("elements[9].getBoundingClientRect().left", "488");

	71 shouldBe("elements[9].getBoundingClientRect().top", "28");

	72 shouldBe("elements[9].getBoundingClientRect().right", "558");

	73 shouldBe("elements[9].getBoundingClientRect().bottom", "48");

	74

	75 shouldBe("elements[10].getBoundingClientRect().left", "568");

	76 shouldBe("elements[10].getBoundingClientRect().top", "8");

	77 shouldBe("elements[10].getBoundingClientRect().right", "638");

	78 shouldBe("elements[10].getBoundingClientRect().bottom", "28");

	79

	80 shouldBe("elements[11].getBoundingClientRect().left", "568");

	81 shouldBe("elements[11].getBoundingClientRect().top", "28");

	82 shouldBe("elements[11].getBoundingClientRect().right", "638");

	83 shouldBe("elements[11].getBoundingClientRect().bottom", "48");

	84 </script>

OLD	NEW