Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-13 01:15:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision bd951736b4d7dbfd862dfa0f27271b544e35ca30

Browse source
This commit is contained in:
WPT Sync Bot 2019-01-22 20:47:08 -05:00 • committed by Josh Matthews
parent 461bce1241
commit 74f3bef690
110 changed files with 2556 additions and 363 deletions
Download patch file Download diff file Expand all files Collapse all files

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have a static position (left/rigth and top/bottom are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: "auto",
right: "auto",
bottom: "auto",
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have a specific 'left' offset and a static block position (top/bottom are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: "auto",
right: "auto",
bottom: "auto",
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have a specific 'top' offset and a static inline position (left/right are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: 30,
right: "auto",
bottom: "auto",
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'right' offset and a static block position (top/bottom are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: "auto",
right: 35,
bottom: "auto",
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'bottom' offset and a static inline position (left/right are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
right: "auto",
top: "auto",
bottom: 40,
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left' and 'top' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: 30,
right: "auto",
bottom: "auto",
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left' and 'right' offsets and a static block position (top/bottom are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: "auto",
right: 35,
bottom: "auto",
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: "auto",
right: "auto",
bottom: 40,
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'top' and 'right' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: 30,
right: 35,
bottom: "auto",
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'top' and 'bottom' offsets and a static inline position (left/right are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: 30,
right: "auto",
bottom: 40,
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'right' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: "auto",
right: 35,
bottom: 40,
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left', 'top' and 'right' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: 30,
right: 35,
bottom: "auto",
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left', 'top' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: 30,
right: "auto",
bottom: 40,
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left', 'right' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: "auto",
right: 35,
bottom: 40,
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'top', 'right' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: 30,
right: 35,
bottom: 40,
orthogonal: true,
});
</script>
</body>

26
tests/wpt/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left, 'top', 'right' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: 30,
right: 35,
bottom: 40,
orthogonal: true,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have a static position (left/rigth and top/bottom are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: "auto",
right: "auto",
bottom: "auto",
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have a specific 'left' offset and a static block position (top/bottom are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: "auto",
right: "auto",
bottom: "auto",
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have a specific 'top' offset and a static inline position (left/right are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: 30,
right: "auto",
bottom: "auto",
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'right' offset and a static block position (top/bottom are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: "auto",
right: 35,
bottom: "auto",
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'bottom' offset and a static inline position (left/right are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
right: "auto",
top: "auto",
bottom: 40,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left' and 'top' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: 30,
right: "auto",
bottom: "auto",
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left' and 'right' offsets and a static block position (top/bottom are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: "auto",
right: 35,
bottom: "auto",
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: "auto",
right: "auto",
bottom: 40,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'top' and 'right' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: 30,
right: 35,
bottom: "auto",
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'top' and 'bottom' offsets and a static inline position (left/right are 'auto').">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: 30,
right: "auto",
bottom: 40,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'right' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: "auto",
right: 35,
bottom: 40,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left', 'top' and 'right' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: 30,
right: 35,
bottom: "auto",
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left', 'top' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: 30,
right: "auto",
bottom: 40,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left', 'right' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: "auto",
right: 35,
bottom: 40,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'top', 'right' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: "auto",
top: 30,
right: 35,
bottom: 40,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Positioned grid descendants</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning">
<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left, 'top', 'right' and 'bottom' offsets.">
<link rel="stylesheet" href="support/positioned-grid-descendants.css" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body>
<div id="log"></div>
<script type="module">
import {runTests} from "./support/positioned-grid-descendants.js";
runTests({
left: 25,
top: 30,
right: 35,
bottom: 40,
});
</script>
</body>

25
tests/wpt/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.css Normal file
View file

@ -0,0 +1,25 @@
.grid {
display: grid;
grid: 150px 100px / 200px 300px;
margin: 1px 2px 3px 4px;
padding: 20px 15px 10px 5px;
border-width: 9px 3px 12px 6px;
border-style: solid;
width: 550px;
height: 400px;
position: relative;
font: 25px/1 Ahem;
}
.abspos {
position: absolute;
display: inline;
}
.orthogonal {
writing-mode: vertical-lr;
}
.grid > :nth-child(1) > .abspos {
color: cyan;
}
.grid > :nth-child(2) > .abspos {
color: yellow;
}

70
tests/wpt/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.js Normal file
View file

@ -0,0 +1,70 @@
// Track sizes, including preceding padding and following remaining space
const colSizes = [5, 200, 300, 65];
const rowSizes = [20, 150, 100, 160];
// Calculate track positions
const colOffsets = [0];
const rowOffsets = [0];
for (const size of colSizes)
colOffsets.push(size + colOffsets[colOffsets.length - 1]);
for (const size of rowSizes)
rowOffsets.push(size + rowOffsets[rowOffsets.length - 1]);
export function runTests({left, top, right, bottom, orthogonal = false}) {
// Iterate all pairs of grid lines, where 0 and 4 represent "auto".
for (let colStart = 0; colStart < 4; ++colStart)
for (let colEnd = colStart + 1; colEnd <= 4; ++colEnd)
for (let rowStart = 0; rowStart < 4; ++rowStart)
for (let rowEnd = rowStart + 1; rowEnd <= 4; ++rowEnd)
{
// Create a 2x2 grid with two grid items, each one containing an abspos.
const grid = document.createElement("div");
grid.className = "grid";
for (let i = 1; i <= 2; ++i) {
// Create a grid item with some content before the abspos, so that the static
// position is shifted 50px to the right and 25px to the bottom.
const gridItem = document.createElement("div");
gridItem.style.gridArea = `${i} / ${i}`;
grid.appendChild(gridItem);
gridItem.innerHTML = "X<br />XX";
// Create an abspos with content of 50px inline size, 25px block size.
const absPos = document.createElement("div");
gridItem.appendChild(absPos);
absPos.className = "abspos";
absPos.textContent = "XX";
if (orthogonal) absPos.classList.add("orthogonal");
// Let the containing block be the grid area, and set offsets.
Object.assign(absPos.style, {
gridColumnStart: colStart || "auto",
gridColumnEnd: colEnd % 4 || "auto",
gridRowStart: rowStart || "auto",
gridRowEnd: rowEnd % 4 || "auto",
left: left == "auto" ? left : left + "px",
top: top == "auto" ? top : top + "px",
right: right == "auto" ? right : right + "px",
bottom: bottom == "auto" ? bottom : bottom + "px",
});
// Calculate expected position and size.
const expectedWidth =
left == "auto" || right == "auto" ? 25 * (orthogonal ? 1 : 2) :
Math.max(0, colOffsets[colEnd] - colOffsets[colStart] - left - right);
const expectedHeight =
top == "auto" || bottom == "auto" ? 25 * (orthogonal ? 2 : 1) :
Math.max(0, rowOffsets[rowEnd] - rowOffsets[rowStart] - top - bottom);
const offsetX =
left != "auto" ? colOffsets[colStart] + left :
right != "auto" ? colOffsets[colEnd] - right - expectedWidth :
colOffsets[i] + 25*2;
const offsetY =
top != "auto" ? rowOffsets[rowStart] + top :
bottom != "auto" ? rowOffsets[rowEnd] - bottom - expectedHeight :
rowOffsets[i] + 25;
Object.assign(absPos.dataset, {expectedWidth, expectedHeight, offsetX, offsetY});
}
document.body.appendChild(grid);
}
checkLayout(".grid");
}