mirror of
https://github.com/servo/servo.git
synced 2025-08-18 11:55:39 +01:00
Update web-platform-tests to revision d31eacaff0c4d96f8c125c21faac6e0f75dd683c
This commit is contained in:
WPT Sync Bot
parent
cabf47bfc6
commit
d81a78450f
52 changed files with 1115 additions and 137 deletions
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' element should contain absolute position elements.</title>
|
||||
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
|
||||
<link rel="match" href="contain-paint-containing-block-absolute-001-ref.html">
|
||||
<style>
|
||||
#a {
|
||||
contain: layout;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' element should contain fixed position elements.</title>
|
||||
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
|
||||
<link rel="match" href="contain-paint-containing-block-fixed-001-ref.html">
|
||||
<style>
|
||||
#a {
|
||||
contain: layout;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' should contain floats as a formatting context.</title>
|
||||
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-containment-1/#containment-layout">
|
||||
<link rel="match" href="contain-paint-formatting-context-float-001-ref.html">
|
||||
<style>
|
||||
#left {
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: 10px;
|
||||
background: blue;
|
||||
}
|
||||
#a {
|
||||
contain: layout;
|
||||
background: red;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
clear: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="left"></div>
|
||||
<div id="a">
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Test</title>
|
||||
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<style>
|
||||
#a {
|
||||
background: blue;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
}
|
||||
#b-padding {
|
||||
height: 10px;
|
||||
}
|
||||
#c {
|
||||
width: 50px;
|
||||
height: 10px;
|
||||
background: lightblue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div id="b-padding"></div>
|
||||
<div id="b"></div>
|
||||
<div id="c"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' with a vertical margin child. Margin collapse should not occur, and neither should overflow clipping.</title>
|
||||
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-containment-1/#containment-layout">
|
||||
<link rel="match" href="contain-paint-formatting-context-margin-001-ref.html">
|
||||
<style>
|
||||
#a {
|
||||
contain:layout;
|
||||
background: blue;
|
||||
margin: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#b {
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#c {
|
||||
background: lightblue;
|
||||
width: 50px;
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div id="b"></div>
|
||||
<div id="c"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' should not create a stacking context when no principle box is generated.</title>
|
||||
<link rel="author" title="Yusuf Sermet" href="mailto:ysermet@mozilla.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#containment-layout">
|
||||
<link rel="match" href="contain-paint-ignored-cases-no-principal-box-001-ref.html">
|
||||
<style>
|
||||
div {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
}
|
||||
#div1,
|
||||
#div3 {
|
||||
background-color: #cfc;
|
||||
height: 100px;
|
||||
}
|
||||
#div1 {
|
||||
z-index: 5;
|
||||
}
|
||||
#div2 {
|
||||
display: contents;
|
||||
contain: layout;
|
||||
background-color: #fdd;
|
||||
height: 100px;
|
||||
top: -20px;
|
||||
}
|
||||
#div2_1 {
|
||||
background-color: #ffc;
|
||||
z-index: 6;
|
||||
top: -10px;
|
||||
height: 100px;
|
||||
}
|
||||
#div2_2 {
|
||||
z-index: 3;
|
||||
position: absolute;
|
||||
top: -15px;
|
||||
width: 40px;
|
||||
height: 300px;
|
||||
background-color: #ddf;
|
||||
}
|
||||
#div3 {
|
||||
z-index: 2;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="div1"></div>
|
||||
|
||||
<div id="div2">
|
||||
<div id="div2_1"></div>
|
||||
|
||||
<div id="div2_2"></div>
|
||||
</div>
|
||||
|
||||
<div id="div3"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<style>
|
||||
#a {
|
||||
display: contents;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' element should not contain absolute/fixed position elements when no principal box is generated.</title>
|
||||
<link rel="author" title="Yusuf Sermet" href="mailto:ysermet@mozilla.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
|
||||
<link rel="match" href="contain-layout-ignored-cases-no-principal-box-002-ref.html">
|
||||
<style>
|
||||
#a {
|
||||
contain: layout;
|
||||
display: contents;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<style>
|
||||
#a {
|
||||
display: contents;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' element should not contain absolute/fixed position elements when no principal box is generated.</title>
|
||||
<link rel="author" title="Yusuf Sermet" href="mailto:ysermet@mozilla.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
|
||||
<link rel="match" href="contain-layout-ignored-cases-no-principal-box-003-ref.html">
|
||||
<style>
|
||||
#a {
|
||||
contain: layout;
|
||||
display: contents;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
margin: 50px;
|
||||
}
|
||||
#b {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div>
|
||||
<div id="b"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<style>
|
||||
.outer {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
.auto {
|
||||
overflow: auto;
|
||||
}
|
||||
.inner-sm {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-md {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-lg-1 {
|
||||
height: 95px;
|
||||
width: 95px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-lg-2 {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
.pass {
|
||||
background: green;
|
||||
}
|
||||
.border {
|
||||
border: 5px solid green;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="outer">
|
||||
<div class="inner-sm"></div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div class="outer auto">
|
||||
<div class="inner-lg-2 pass">
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div class="inner-sm border">
|
||||
<div class="inner-lg-1">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' should force all overflow to be ink overflow.</title>
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#containment-layout">
|
||||
<link rel="match" href="contain-layout-overflow-001-ref.html">
|
||||
<style>
|
||||
.contain {
|
||||
contain: layout;
|
||||
}
|
||||
.outer {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
.auto {
|
||||
overflow: auto;
|
||||
}
|
||||
.inner-sm {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-md {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-lg {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
background: lightblue;
|
||||
}
|
||||
.pass {
|
||||
background: green;
|
||||
}
|
||||
.fail {
|
||||
background: red;
|
||||
}
|
||||
.border {
|
||||
border: 5px solid green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!--CSS Test: Elements with contain:layout that do not produce scrollable overflow should paint as if containment were not applied. -->
|
||||
<div class="outer">
|
||||
<div class="inner-sm contain"></div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<!--CSS Test: Layout-contained elements that overflow their container and have children who overflow should produce the same amount of scrollable overflow as if there were no children. -->
|
||||
<div class="outer auto">
|
||||
<div class="inner-lg contain">
|
||||
<div class="inner-lg pass"></div>
|
||||
<div class="inner-lg fail"></div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<!--CSS Test: Layout-contained elements that do not overflow their container, but have children who overflow, should not allow their children to affect the scrollable overflow regions of their parent. -->
|
||||
<div class="outer auto">
|
||||
<div class="inner-sm contain border">
|
||||
<div class="inner-lg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<style>
|
||||
.outer {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
.auto {
|
||||
overflow: auto;
|
||||
}
|
||||
.inner-sm {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-md {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-lg-1 {
|
||||
height: 95px;
|
||||
width: 95px;
|
||||
float:left;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-lg-2 {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
float:left;
|
||||
}
|
||||
.pass {
|
||||
background: green;
|
||||
}
|
||||
.border {
|
||||
border: 5px solid green;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="outer">
|
||||
<div class="inner-sm" style="float:left;"></div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div class="outer auto">
|
||||
<div class="inner-lg-2 pass">
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div class="inner-sm border">
|
||||
<div class="inner-lg-1">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' should force all overflow to be ink overflow.</title>
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#containment-layout">
|
||||
<link rel="match" href="contain-layout-overflow-002-ref.html">
|
||||
<style>
|
||||
.contain {
|
||||
contain: layout;
|
||||
}
|
||||
.outer {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
.auto {
|
||||
overflow: auto;
|
||||
}
|
||||
.inner-sm {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-md {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background: lightblue;
|
||||
}
|
||||
.inner-lg {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
background: lightblue;
|
||||
float: left;
|
||||
}
|
||||
.pass {
|
||||
background: green;
|
||||
}
|
||||
.fail {
|
||||
background: red;
|
||||
}
|
||||
.border {
|
||||
border: 5px solid green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!--CSS Test: Elements with contain:layout that do not produce scrollable overflow should paint as if containment were not applied. -->
|
||||
<div class="outer">
|
||||
<div class="inner-sm contain" style="float:left;"></div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<!--CSS Test: Layout-contained elements that overflow their container and have children who overflow should produce the same amount of scrollable overflow as if there were no children. -->
|
||||
<div class="outer auto">
|
||||
<div class="outer contain">
|
||||
<div class="inner-lg pass"></div>
|
||||
<div class="inner-lg fail"></div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
<!--CSS Test: Layout-contained elements that do not overflow their container, but have children who overflow, should not allow their children to affect the scrollable overflow regions of their parent. -->
|
||||
<div class="outer auto">
|
||||
<div class="inner-sm contain border">
|
||||
<div class="inner-lg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: 'contain: layout' with stacking contents. Z-index is defined only for siblings and children.</title>
|
||||
<link rel="author" title="Yusuf Sermet" href="mailto:ysermet@mozilla.com">
|
||||
<link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
|
||||
<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#x43">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#containment-layout">
|
||||
<link rel="match" href="contain-paint-stacking-context-001-ref.html">
|
||||
<style>
|
||||
div {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
}
|
||||
#div1,
|
||||
#div3 {
|
||||
background-color: #cfc;
|
||||
}
|
||||
#div1 {
|
||||
z-index: 5;
|
||||
}
|
||||
#div2 {
|
||||
contain: layout;
|
||||
background-color: #fdd;
|
||||
height: 100px;
|
||||
top: -20px;
|
||||
}
|
||||
#div2_1 {
|
||||
background-color: #ffc;
|
||||
z-index: 6;
|
||||
top: -10px;
|
||||
}
|
||||
#div2_2 {
|
||||
z-index: 3;
|
||||
position: absolute;
|
||||
top: -15px;
|
||||
width: 40px;
|
||||
height: 100px;
|
||||
background-color: #ddf;
|
||||
}
|
||||
#div3 {
|
||||
z-index: 2;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="div1">
|
||||
<br/><br/>
|
||||
</div>
|
||||
|
||||
<div id="div2">
|
||||
<div id="div2_1">
|
||||
<br/><br/>
|
||||
</div>
|
||||
|
||||
<div id="div2_2">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="div3">
|
||||
<br/><br/>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -26,4 +26,14 @@
|
|||
== contain-size-fieldset-002.html contain-size-fieldset-002-ref.html
|
||||
== contain-size-multicol-002.html contain-size-multicol-002-ref.html
|
||||
== contain-size-multicol-003.html contain-size-multicol-003-ref.html
|
||||
== contain-layout-overflow-001.html contain-layout-overflow-001-ref.html
|
||||
== contain-layout-overflow-002.html contain-layout-overflow-002-ref.html
|
||||
== contain-size-table-caption-001.html contain-size-table-caption-001-ref.html
|
||||
== contain-layout-stacking-context-001.html contain-paint-stacking-context-001-ref.html
|
||||
== contain-layout-formatting-context-float-001.html contain-paint-formatting-context-float-001-ref.html
|
||||
== contain-layout-formatting-context-margin-001.html contain-layout-formatting-context-margin-001-ref.html
|
||||
== contain-layout-containing-block-fixed-001.html contain-paint-containing-block-fixed-001-ref.html
|
||||
== contain-layout-containing-block-absolute-001.html contain-paint-containing-block-absolute-001-ref.html
|
||||
== contain-layout-ignored-cases-no-principal-box-001.html contain-paint-ignored-cases-no-principal-box-001-ref.html
|
||||
== contain-layout-ignored-cases-no-principal-box-002.html contain-layout-ignored-cases-no-principal-box-002-ref.html
|
||||
== contain-layout-ignored-cases-no-principal-box-003.html contain-layout-ignored-cases-no-principal-box-003-ref.html
|
||||
|
|
|
|||
|
|
@ -1,32 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Auxiliary Browing Contexts: window.opener setter</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/common/PrefixedLocalStorage.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="log"></div>
|
||||
<script>
|
||||
var prefixedLocalStorage;
|
||||
setup(() => prefixedLocalStorage = new PrefixedLocalStorageTest());
|
||||
async_test(t => {
|
||||
t.add_cleanup(() => prefixedLocalStorage.cleanup());
|
||||
prefixedLocalStorage.onSet('openerIsNull', t.step_func_done(e => {
|
||||
assert_equals(e.newValue, 'true');
|
||||
}));
|
||||
window.open(prefixedLocalStorage.url('resources/opener-setter.html'),
|
||||
'iShouldSetOpenerToNull');
|
||||
}, 'Auxiliary browsing context created via `window.open` and setting `window.opener` to `null` should report `window.opener` `null`');
|
||||
async_test(t => {
|
||||
t.add_cleanup(() => prefixedLocalStorage.cleanup());
|
||||
prefixedLocalStorage.onSet('openerIsTest', t.step_func_done(e => {
|
||||
assert_equals(e.newValue, 'true');
|
||||
}));
|
||||
window.open(prefixedLocalStorage.url('resources/opener-setter.html'),
|
||||
'iShouldSetOpenerToTest');
|
||||
}, 'Auxiliary browsing context created via `window.open` and setting `window.opener` to `test` should report `test`');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<html>
|
||||
<p>This window should set the window.opener attribute</p>
|
||||
<script src="/common/PrefixedLocalStorage.js"></script>
|
||||
<script>
|
||||
var prefixedLocalStorage = new PrefixedLocalStorageResource({
|
||||
close_on_cleanup: true
|
||||
});
|
||||
function checkOpener () {
|
||||
if (window.name == 'iShouldSetOpenerToNull') {
|
||||
window.opener = null;
|
||||
return prefixedLocalStorage.setItem('openerIsNull', window.opener === null);
|
||||
}
|
||||
if (window.name == 'iShouldSetOpenerToTest') {
|
||||
window.opener = 'test';
|
||||
return prefixedLocalStorage.setItem('openerIsTest', window.opener === "test");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<body onload="checkOpener()">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>link with rel="help" cursor tests</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#phrasing-content-3">
|
||||
<link rel="help" href="https://github.com/whatwg/html/pull/3902">
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<a href="/common/blank.html?unvisited" rel="help" id="unvisited">unvisited</a>
|
||||
<a href="/common/blank.html?willbevisited" rel="help" id="willbevisited">will be visited</a>
|
||||
|
||||
<script>
|
||||
"use strict";
|
||||
|
||||
|
||||
test(() => {
|
||||
const el = document.querySelector("#unvisited");
|
||||
const style = window.getComputedStyle(el);
|
||||
|
||||
assert_equals(style.cursor, "pointer");
|
||||
},"Unvisited help links must have pointer cursor, not help cursor");
|
||||
|
||||
|
||||
// This test is kind of dubious. Browsers don't allow you to distinguish visited and unvisited links
|
||||
// from script, for privacy reasons. So we can't really be sure that loading the iframe would make
|
||||
// the link count as visited. Manually running this test turns the link purple in some browsers,
|
||||
// but leaves it blue in others. Even then it's not clear whether it turned purple before or after
|
||||
// the onload; this test assumes that once the iframe onload fires, it counts as visited, which
|
||||
// may not be justified even in the purple-turning browsers.
|
||||
//
|
||||
// Still, the test doesn't really hurt. At worst it's redundant with the above.
|
||||
//
|
||||
// If someone comes up with a better way of testing this (i.e. something that truly guarantees that
|
||||
// the link will count as "visited" for UA stylesheet purposes), then please submit a PR.
|
||||
async_test(t => {
|
||||
const el = document.querySelector("#willbevisited");
|
||||
|
||||
const iframe = document.createElement("iframe");
|
||||
iframe.src = el.href;
|
||||
iframe.onload = t.step_func_done(() => {
|
||||
const style = window.getComputedStyle(el);
|
||||
assert_equals(style.cursor, "pointer");
|
||||
});
|
||||
|
||||
document.body.appendChild(iframe);
|
||||
}, "Visited help links must have pointer cursor, not help cursor");
|
||||
</script>
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
|
||||
function onload_test()
|
||||
{
|
||||
// test for existance of User Timing and Performance Timeline interface
|
||||
// test for existence of User Timing and Performance Timeline interface
|
||||
if (!has_required_interfaces())
|
||||
{
|
||||
test_true(false,
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@
|
|||
|
||||
function onload_test()
|
||||
{
|
||||
// test for existance of User Timing and Performance Timeline interface
|
||||
// test for existence of User Timing and Performance Timeline interface
|
||||
if (!has_required_interfaces())
|
||||
{
|
||||
test_true(false,
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
spec: https://inexorabletash.github.io/web-locks/
|
||||
spec: https://wicg.github.io/web-locks/
|
||||
suggested_reviewers:
|
||||
- inexorabletash
|
||||
- pwnall
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
This directory contains a test suite for the proposed Web Locks API.
|
||||
|
||||
Explainer: https://github.com/inexorabletash/web-locks
|
||||
Explainer: https://github.com/WICG/web-locks/
|
||||
|
||||
Spec: https://inexorabletash.github.io/web-locks/
|
||||
Spec: https://wicg.github.io/web-locks/
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: navigator.locks.request method</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Client IDs in query() vs. Service Worker</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/service-workers/service-worker/resources/test-helpers.sub.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Frames</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Lock held until callback result resolves</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: ifAvailable option</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: WebIDL tests in service worker</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Lock Attributes</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Exclusive Mode</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Mixed Modes</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Shared Mode</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: API not available in non-secure context</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Opaque origins</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: navigator.locks.query method - no locks held</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: navigator.locks.query ordering</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: navigator.locks.query method</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Resources DOMString edge cases</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: API requires secure context</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: AbortSignal integration</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: steal option</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Web Locks API: Workers</title>
|
||||
<link rel=help href="https://github.com/inexorabletash/web-locks">
|
||||
<link rel=help href="https://wicg.github.io/web-locks/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="resources/helpers.js"></script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue