Skip to content

Commit

Permalink
Import wpt@65fefd85d02204ca3cd50ae35eb4d1f69e135355
Browse files Browse the repository at this point in the history
Using wpt-import in Chromium 0b6c41a.
With Chromium commits locally applied on WPT:
d5cd6b9 "SharedWorker: Assign unique names to SharedWorkers to avoid unintentional matching"
acf3302 "Add testing for the scrolling attribute"


Note to sheriffs: This CL imports external tests and adds
expectations for those tests; if this CL is large and causes
a few new failures, please fix the failures by adding new
lines to TestExpectations rather than reverting. See:
https://chromium.googlesource.com/chromium/src/+/master/docs/testing/web_platform_tests.md

Directory owners for changes in this CL:
foolip@chromium.org, lpz@chromium.org, robertma@chromium.org:
  external/wpt/tools

NOAUTOREVERT=true
TBR=robertma

No-Export: true
Change-Id: I049e9a6c63597b22b9ebf134d73035f16af8cef4
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2094662
Reviewed-by: WPT Autoroller <wpt-autoroller@chops-service-accounts.iam.gserviceaccount.com>
Commit-Queue: WPT Autoroller <wpt-autoroller@chops-service-accounts.iam.gserviceaccount.com>
Cr-Commit-Position: refs/heads/master@{#748491}
  • Loading branch information
Chromium WPT Sync authored and Commit Bot committed Mar 10, 2020
1 parent 67d2cf0 commit dc661f3
Show file tree
Hide file tree
Showing 35 changed files with 922 additions and 129 deletions.
516 changes: 457 additions & 59 deletions third_party/blink/web_tests/external/WPT_BASE_MANIFEST_7.json

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Conic gradient with negative angle parameter</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#conic-gradients">
<meta name="assert" content="Rendering of conic-gradient with negative center parameter">
<link rel="match" href="reference/200x200-blue-black-green-red.html">
<style>
#gradient {
width: 200px;
height: 200px;
background-image: conic-gradient(from -90deg, blue 0 25%, black 25% 50%, red 50% 75%, green 75% 100%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Conic gradient with custom angle parameter</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#conic-gradients">
<meta name="assert" content="Rendering of conic-gradient with custom center parameter">
<link rel="match" href="reference/200x200-blue-black-green-red.html">
<style>
#gradient {
width: 200px;
height: 200px;
background-image: conic-gradient(from 90deg, red 0 25%, green 25% 50%, blue 50% 75%, black 75% 100%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!doctype html>
<meta charset="utf-8">
<style>
#box {
width: 200px;
height: 200px;
}
#top {
border-left: 50px solid black;
border-right: 150px solid red;
height: 50px;
}
#bottom {
border-left: 50px solid blue;
border-right: 150px solid green;
height: 150px;
}
</style>
<div id="box">
<div id="top"></div>
<div id="bottom"></div>
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Conic gradient with custom center parameter</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#conic-gradients">
<meta name="assert" content="Rendering of conic-gradient with custom center parameter">
<link rel="match" href="conic-gradient-center-ref.html">
<style>
#gradient {
width: 200px;
height: 200px;
background-image: conic-gradient(at 25% 25%, red 0 25%, green 25% 50%, blue 50% 75%, black 75% 100%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -1,23 +1,14 @@
<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>Linear gradient with some inferred positions</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#radial-color-stops">
<meta name="assert" content="Calculation of implicit gradient stops.">
<link rel="match" href="linear-gradient-ref.html">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black 0%, red, gold);
}
</style>
</head>

<body>
<div id="gradient"></div>
</body>

</html>
<meta charset="utf-8">
<title>Linear gradient with some inferred positions</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#coloring-gradient-line">
<meta name="assert" content="Calculation of implicit gradient stops.">
<link rel="match" href="linear-gradient-ref.html">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black 0%, red, gold);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -1,23 +1,14 @@
<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>Linear gradient with all inferred positions</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#radial-color-stops">
<meta name="assert" content="Calculation of implicit gradient stops.">
<link rel="match" href="linear-gradient-ref.html">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black, red, gold);
}
</style>
</head>

<body>
<div id="gradient"></div>
</body>

</html>
<meta charset="utf-8">
<title>Linear gradient with all inferred positions</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#coloring-gradient-line">
<meta name="assert" content="Calculation of implicit gradient stops.">
<link rel="match" href="linear-gradient-ref.html">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black, red, gold);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -1,19 +1,10 @@
<!doctype html>
<html>

<head>
<meta charset="utf-8">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black 0%, red 50%, gold 100%);
}
</style>
</head>

<body>
<div id="gradient"></div>
</body>

</html>
<meta charset="utf-8">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black 0%, red 50%, gold 100%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<!doctype html>
<meta charset=utf-8>
<div style="background: conic-gradient(red 0%, red 25%, blue 25%, blue 75%, green 75%, green 100%); width: 100px; height: 100px;"><br></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
<!doctype html>
<meta charset=utf-8>
<title>Conic gradient with two position color stops</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
<meta name="assert" content="Color stops with two positions are equivalent to two color stops with the same color">
<link rel="match" href="multiple-position-color-stop-conic-2-ref.html">
<div style="background: conic-gradient(red 0% 25%, blue 25% 75%, green 75% 100%); width: 100px; height: 100px;"><br></div>
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!doctype html>
<meta charset=utf-8>
<meta charset="utf-8">
<body>
<div style="background: radial-gradient(center, red 0%, red 25%, blue 25%, blue 75%, red 75%, red 100%); width: 100px; height: 100px;"><br></div>
<div style="background: radial-gradient(red 0%, red 25%, blue 25%, blue 75%, red 75%, red 100%); width: 100px; height: 100px;"><br></div>
</body>
Original file line number Diff line number Diff line change
@@ -1,9 +1,7 @@
<!doctype html>
<meta charset=utf-8>
<meta charset="utf-8">
<title>Radial gradient with a two position color stops</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
<meta name="assert" content="Color stops with two positions are equivalent to two color stops with the same color">
<link rel=match href=/css/css-images/multiple-position-color-stop-radial-2-ref.html>
<body>
<div style="background: radial-gradient(center, red 0% 25%, blue 25% 75%, red 75% 100%); width: 100px; height: 100px;"><br></div>
</body>
<link rel="match" href=/css/css-images/multiple-position-color-stop-radial-2-ref.html>
<div style="background: radial-gradient(red 0% 25%, blue 25% 75%, red 75% 100%); width: 100px; height: 100px;"><br></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Conic gradient stop normalization</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#conic-gradients">
<meta name="assert" content="Rendering of conic-gradient with normalized color stops">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: conic-gradient(blue 150%, red 150%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Conic gradient stop normalization</title>
<link rel="help" href="https://www.w3.org/TR/css-images-3/#repeating-gradients">
<meta name="assert" content="Rendering of repeating-conic-gradient w/ stops at the same place">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: repeating-conic-gradient(orange 50%, blue 50%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Conic gradient stop normalization</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#conic-gradients">
<meta name="assert" content="Rendering of conic-gradient with normalized color stops">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: conic-gradient(green -50%, blue -50%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Linear gradient stop normalization</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#linear-gradients">
<meta name="assert" content="Rendering of linear-gradient with normalized color stops">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: linear-gradient(blue 150%, red 150%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Linear gradient stop normalization</title>
<link rel="help" href="https://www.w3.org/TR/css-images-3/#repeating-gradients">
<meta name="assert" content="Rendering of repeating-linear-gradient w/ stops at the same place">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: repeating-linear-gradient(orange 50%, blue 50%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Linear gradient stop normalization</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#linear-gradients">
<meta name="assert" content="Rendering of linear-gradient with normalized color stops">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: linear-gradient(green -50%, blue -50%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Radial gradient stop normalization</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#radial-gradients">
<meta name="assert" content="Rendering of radial-gradient with normalized color stops">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: radial-gradient(blue 150%, red 150%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Radial gradient stop normalization</title>
<link rel="help" href="https://www.w3.org/TR/css-images-3/#repeating-gradients">
<meta name="assert" content="Rendering of repeating-radial-gradient w/ stops at the same place">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: repeating-radial-gradient(orange 50%, blue 50%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Radial gradient stop normalization</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#radial-gradients">
<meta name="assert" content="Rendering of radial-gradient with normalized color stops">
<link rel="match" href="reference/100x100-blue.html">
<style>
#gradient {
width: 100px;
height: 100px;
background-image: linear-gradient(green -50%, blue -50%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<meta charset="utf-8">
<title>Conic gradient with out-of-range stops</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#conic-gradients">
<meta name="assert" content="Rendering of conic-gradient with stops positioned outside of [0, 1]">
<link rel="match" href="reference/200x200-blue-black-green-red.html">
<style>
#gradient {
width: 200px;
height: 200px;
background-image: conic-gradient(orange -50% -25%, black -25% 25%, red 25% 50%, green 50% 75%, blue 75% 125%, purple 125% 150%);
}
</style>
<div id="gradient"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
<!doctype html>
<div style="width: 100px;height: 100px;background-color: blue;"></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!doctype html>
<meta charset="utf-8">
<style>
#box {
width: 200px;
height: 200px;
}
#top {
border-left: 100px solid blue;
border-right: 100px solid black;
height: 100px;
}
#bottom {
border-left: 100px solid green;
border-right: 100px solid red;
height: 100px;
}
</style>
<div id="box">
<div id="top"></div>
<div id="bottom"></div>
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!doctype html>
<meta charset="utf-8">
<style>
#gradient {
width: 200px;
height: 200px;
background-image: conic-gradient(black 25%, white 0 50%, black 0 75%, white 0);
}
</style>
<div id="gradient"></div>
Loading

0 comments on commit dc661f3

Please sign in to comment.