Commit eaf11440 authored by kojii's avatar kojii Committed by Commit bot

update-w3c-deps import using blink de465d94:

imported csswg-test@248da687d983cefab3286333963021da8c1dd505
imported web-platform-tests@68823b89d97b51927051a73161a43a72181edc54

New Skip
- cssom-view (missed when it was added, remove in this CL.)

css-writing-modes-3
- 1 new + 1 modified for the 'outline' property.

html/semantics
- 1 modified (new cases added,) 3 meta-data only changes.

html/webappsapis
- 3 meta-data only changes.

TBR=dpranke@chromium.org,jsbell@chromium.org,tkent@chromium.org
BUG=490511, 492664

Review URL: https://codereview.chromium.org/1461663004

Cr-Commit-Position: refs/heads/master@{#360534}
parent 1eedddee
......@@ -90,6 +90,7 @@ imported/web-platform-tests/conformance-checkers [ Skip ]
imported/web-platform-tests/content-security-policy [ Skip ]
imported/web-platform-tests/cors [ Skip ]
imported/web-platform-tests/csp [ Skip ]
imported/web-platform-tests/cssom-view [ Skip ]
## Owners: TBD
# imported/web-platform-tests/custom-elements [ Pass ]
imported/web-platform-tests/custom-elements/registering-custom-elements/unresolved-element-pseudoclass [ Skip ]
......
<!DOCTYPE html>
<title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com" />
<meta content="ahem" name="flags" />
<style>
.container {
color:transparent;
font:50px/1 Ahem;
}
.outline {
color:orange;
display:inline-block;
margin-left:3em;
outline:blue solid 2px;
}
</style>
<p>Test passes if inside of blue rectangles are orange.
<div class="container">
<span class="outline">1<br>2</span>
</div>
<!DOCTYPE html>
<title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title>
<link rel="match" href="reference/outline-inline-block-vrl-006.html" />
<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com" />
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" />
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" />
<meta content="ahem" name="flags" />
<style>
.container {
color:transparent;
font:50px/1 Ahem;
height:5em;
writing-mode:vertical-rl;
}
.outline {
color:orange;
display:inline-block;
outline:blue solid 2px;
}
</style>
<p>Test passes if inside of blue rectangles are orange.
<div class="container">
<!--
Additional div to ensure that the origin of the containing block of the
outline span is different from the origin of the writing mode root.
-->
<div>1</div>
<div>12345<span class="outline">67</span></div>
<div>1</div>
<div>1</div>
<div>1</div>
</div>
......@@ -3,11 +3,9 @@
<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com" />
<meta content="ahem" name="flags" />
<style>
div {
.container {
color:transparent;
font:50px/1 Ahem;
width:2em;
height:5em;
}
.outline {
color:orange;
......@@ -15,4 +13,10 @@ div {
}
</style>
<p>Test passes if inside of blue rectangles are orange.
<div><span class="outline">1</span>2 34 56 78 9<span class="outline">0</span></div>
<div class="container">
<div>111<span class="outline">1</span></div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1111<span class="outline">1</span></div>
</div>
......@@ -6,13 +6,10 @@
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" />
<meta content="ahem" name="flags" />
<style>
div {
.container {
color:transparent;
font:50px/1 Ahem;
width:2em;
height:5em;
}
.vrl {
writing-mode:vertical-rl;
}
.outline {
......@@ -21,4 +18,14 @@ div {
}
</style>
<p>Test passes if inside of blue rectangles are orange.
<div class="vrl">1234<span class="outline">5 6</span>7890</div>
<div class="container">
<!--
Additional div to ensure that the origin of the containing block of the
outline span is different from the origin of the writing mode root.
-->
<div>1</div>
<div>1234<span class="outline">5 6</span>7890</div>
<div>1</div>
<div>1</div>
<div>1</div>
</div>
 
 
 
Hello WPT!
 
Another teal
This is a testharness.js-based test.
PASS Negative co-ordinates
PASS co-ordinates larger than the viewport
PASS co-ordinates larger than the viewport from in iframe
PASS Return first element that is the target for hit testing
PASS First element to get mouse events with pointer-events css
PASS SVG element at x,y
FAIL transformed element at x,y assert_equals: Should have returned pink element that has a transform expected Element node <div id="pink" class="size pink" style="transform: transl... but got null
FAIL no hit target at x,y assert_equals: Should have returned the root expected Element node <body>
<div id="purple" class="size purple">&nbsp;</div... but got null
PASS No viewport available
Harness: the test ran to completion.
<!DOCTYPE html>
<title>cssom-view - elementFromPoint</title>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<style>
.size {
width:100px;
height:100px;
}
.overlay {
position:absolute;
top:109px;
pointer-events:none;
}
.purple {
background-color: rebeccapurple;
}
.yellow {
background-color: yellow;
}
.teal {
background-color: teal;
}
.pink {
background-color: pink;
}
</style>
<body>
<div id='purple' class="size purple" >&nbsp;</div>
<div id='yellow' class="size yellow">&nbsp;</div>
<div id='teal' class="size overlay teal">&nbsp;</div>
<iframe id=iframe-1 src="iframe.html" style='display:none;position:absolute; left:300px;'></iframe>
<iframe id=iframe-2 src="iframe.html" width="" height=""></iframe>
<iframe id=iframe-3 width="" height=""></iframe>
<svg id=squiggle xmlns="http://www.w3.org/2000/svg" height="98" width="581" viewBox="0 0 581 98">
<path stroke-dashoffset="0.00" stroke-dasharray="" d="M62.9 14.9c-25-7.74-56.6 4.8-60.4 24.3-3.73 19.6 21.6 35 39.6 37.6 42.8 6.2 72.9-53.4 116-58.9 65-18.2 191 101 215 28.8 5-16.7-7-49.1-34-44-34 11.5-31 46.5-14 69.3 9.38 12.6 24.2 20.6 39.8 22.9 91.4 9.05 102-98.9 176-86.7 18.8 3.81 33 17.3 36.7 34.6 2.01 10.2.124 21.1-5.18 30.1" stroke="#000" stroke-width="4.3" fill="none">
</path>
</svg>
<svg id=svg-transform width="180" height="200"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Now we add a text element and apply rotate and translate to both -->
<rect x="50" y="50" height="100" width="100" style="stroke:#000; fill: #0086B2" transform="translate(30) rotate(45 50 50)"></rect>
<text x="60" y="105" transform="translate(30) rotate(45 50 50)"> Hello WPT! </text>
</svg>
<div id='pink' class='size pink' style='transform: translate(10px)'>&nbsp;</div>
<div id='anotherteal' class='size teal' style='pointer-events:none'>Another teal</div>
<script>
setup({explicit_done:true});
window.onload = function () {
test(function () {
assert_equals(document.elementFromPoint(-1, -1), null,
"both co-ordinates passed in are negative so should have returned a null");
assert_equals(document.elementFromPoint(-1, -1), null,
"x co-ordinates passed in are negative so should have returned a null");
assert_equals(document.elementFromPoint(-1, -1), null,
"y co-ordinates passed in are negative so should have returned a null");
}, "Negative co-ordinates");
test(function () {
var viewportX = window.innerWidth;
var viewportY = window.innerHeight;
assert_equals(document.elementFromPoint(viewportX + 100, 10), null,
"X co-ordinates larger than viewport");
assert_equals(document.elementFromPoint(10, viewportY + 100), null,
"Y co-ordinates larger than viewport");
assert_equals(document.elementFromPoint(viewportX + 100, viewportY + 100), null,
"X, Y co-ordinates larger than viewport");
}, "co-ordinates larger than the viewport");
test(function () {
var viewportX = window.frames[1].innerWidth;
var viewportY = window.frames[1].innerHeight;
var iframeRect = document.getElementById('iframe-2').getBoundingClientRect();
assert_equals(null, window.frames[1].document.elementFromPoint(iframeRect.right + viewportX + 100, 10),
"X co-ordinates larger than viewport");
assert_equals(null, window.frames[1].document.elementFromPoint(10, iframeRect.bottom + viewportY + 100),
"Y co-ordinates larger than viewport");
assert_equals(null, window.frames[1].document.elementFromPoint(iframeRect.right + viewportX + 100,
iframeRect.bottom + viewportY + 100),
"X, Y co-ordinates larger than viewport");
}, "co-ordinates larger than the viewport from in iframe");
test(function () {
assert_equals(document.elementFromPoint(10, 10), document.getElementById('purple'),
"Should have returned the element with id `purple`");
}, "Return first element that is the target for hit testing");
test(function () {
assert_equals(document.elementFromPoint(10, 120), document.getElementById('yellow'),
"Should have returned the element with id `yellow` as element with `teal` has `pointer-events:none`");
}, "First element to get mouse events with pointer-events css");
test(function () {
var svg = document.getElementById('squiggle');
var svgRect = svg.getBoundingClientRect();
assert_equals(document.elementFromPoint(svgRect.left + Math.round(svgRect.width/2),
svgRect.top + Math.round(svgRect.height/2)),
svg,
"Should have returned the line SVG");
}, "SVG element at x,y");
test(function () {
var svg = document.getElementById('svg-transform');
var svgRect = svg.getBoundingClientRect();
assert_equals(document.elementFromPoint(svgRect.left + Math.round(svgRect.width/2),
svgRect.top + Math.round(svgRect.height/2)),
svg.querySelector("rect"),
"Should have returned SVG with Hello WPT! that has a transform");
var pink = document.getElementById('pink');
var pinkRect = pink.getBoundingClientRect();
assert_equals(document.elementFromPoint(pinkRect.left + Math.round(pinkRect.width/2),
pinkRect.top + Math.round(pinkRect.height/2)),
pink,
"Should have returned pink element that has a transform");
}, "transformed element at x,y");
test(function () {
var anotherteal = document.getElementById('anotherteal');
var anothertealRect = anotherteal.getBoundingClientRect();
assert_equals(document.elementFromPoint(anothertealRect.left + Math.round(anothertealRect.width/2),
anothertealRect.top + Math.round(anothertealRect.height/2)),
document.body,
"Should have returned the root");
var doc = frames[2].document;
doc.removeChild(doc.documentElement);
assert_equals(doc.elementFromPoint(0, 0), null,
"Should have returned null as no root element");
}, "no hit target at x,y");
test(function () {
var doc = document.implementation.createHTMLDocument('foo');
assert_equals(doc.elementFromPoint(0, 0), null,
"Should have returned the documentElement for the document")
}, "No viewport available");
done();
}
</script>
<!DOCTYPE html><html><head><title>javascript: URL creating a document in an about:blank iframe</title>
<link rel="help" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-iframe-element">
<link rel="help" href="https://html.spec.whatwg.org/multipage/embedded-content.html#process-the-iframe-attributes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-iframe-element">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#process-the-iframe-attributes">
<script src="../../../../../../resources/testharness.js"></script>
......
<!DOCTYPE HTML>
<title>DOM Image constructor Test</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="help" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element" />
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-img-element" />
<meta name="assert" content="Tests the Image constructor for the img-element">
<script src="../../../../../../resources/testharness.js"></script>
<script src="../../../../../../resources/testharnessreport.js"></script>
......
......@@ -10,14 +10,19 @@ PASS additional-name is an allowed autocomplete field name
PASS family-name is an allowed autocomplete field name
PASS honorific-suffix is an allowed autocomplete field name
PASS nickname is an allowed autocomplete field name
PASS username is an allowed autocomplete field name
PASS new-password is an allowed autocomplete field name
PASS current-password is an allowed autocomplete field name
PASS organization-title is an allowed autocomplete field name
PASS organization is an allowed autocomplete field name
PASS street-address is an allowed autocomplete field name
PASS address-line1 is an allowed autocomplete field name
PASS address-line2 is an allowed autocomplete field name
PASS address-line3 is an allowed autocomplete field name
PASS locality is an allowed autocomplete field name
PASS region is an allowed autocomplete field name
PASS address-level4 is an allowed autocomplete field name
PASS address-level3 is an allowed autocomplete field name
PASS address-level2 is an allowed autocomplete field name
PASS address-level1 is an allowed autocomplete field name
PASS country is an allowed autocomplete field name
PASS country-name is an allowed autocomplete field name
PASS postal-code is an allowed autocomplete field name
......@@ -31,6 +36,8 @@ PASS cc-exp-month is an allowed autocomplete field name
PASS cc-exp-year is an allowed autocomplete field name
PASS cc-csc is an allowed autocomplete field name
PASS cc-type is an allowed autocomplete field name
PASS transaction-currency is an allowed autocomplete field name
PASS transaction-amount is an allowed autocomplete field name
PASS language is an allowed autocomplete field name
PASS bday is an allowed autocomplete field name
PASS bday-day is an allowed autocomplete field name
......
......@@ -47,7 +47,8 @@
autocompletetest(document.forms.autocomplete_off, ["off", "off", "on", "off", ""], "form autocomplete attribute off");
autocompletetest(document.forms.autocomplete_invalid, ["on", "on", "on", "off", ""], "form autocomplete attribute invalid");
var keywords = [ "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "organization-title", "organization", "street-address", "address-line1", "address-line2", "address-line3", "locality", "region", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "url", "photo", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-local-prefix", "tel-local-suffix", "tel-extension", "email", "impp" ];
var keywords = [ "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "username", "new-password", "current-password", "organization-title", "organization", "street-address", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "url", "photo", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-local-prefix", "tel-local-suffix", "tel-extension", "email", "impp" ];
keywords.forEach(function(keyword) {
test(function(){
var input = document.createElement("input");
......
......@@ -2,7 +2,7 @@
<meta charset=utf-8>
<title>HTMLOptionElement.selected</title>
<link rel=author title="Corey Farwell" href="mailto:coreyf@rwell.org">
<link rel=help href="https://html.spec.whatwg.org/multipage/forms.html#dom-option-selected">
<link rel=help href="https://html.spec.whatwg.org/multipage/#dom-option-selected">
<script src="../../../../../../resources/testharness.js"></script>
<script src="../../../../../../resources/testharnessreport.js"></script>
<div id=log></div>
......
......@@ -2,7 +2,7 @@
<meta charset="utf-8">
<title>AnimationTiming Test: multiple calls to requestAnimationFrame with the same callback</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<link rel="help" href="https://html.spec.whatwg.org/multipage/webappapis.html#dom-window-requestanimationframe">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-window-requestanimationframe">
<script src="../../../../../resources/testharness.js"></script>
<script src="../../../../../resources/testharnessreport.js"></script>
<div id="log"></div>
......
<!DOCTYPE html>
<title>Task and Microtask Ordering </title>
<link rel=author title="Joshua Bell" href="mailto:jsbell@google.com">
<link rel=help href="https://html.spec.whatwg.org/multipage/webappapis.html#event-loops">
<link rel=help href="https://html.spec.whatwg.org/multipage/#event-loops">
<script src="../../../../../../resources/testharness.js"></script>
<script src="../../../../../../resources/testharnessreport.js"></script>
<script src="resources/common.js"></script>
......
......@@ -2,7 +2,7 @@
<meta charset="utf-8">
<title>NavigatorLanguage: the most preferred language is the one returned by navigator.language</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<link rel="help" href="https://html.spec.whatwg.org/multipage/webappapis.html#navigatorlanguage">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#navigatorlanguage">
<script src="../../../../../../resources/testharness.js"></script>
<script src="../../../../../../resources/testharnessreport.js"></script>
<div id="log"></div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment