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

Update web-platform-tests to revision 84af6c875d378944b39d895acdcfc170736b2d3d

Browse source
This commit is contained in:
WPT Sync Bot 2019-07-10 10:26:06 +00:00
parent d0bd2d5e44
commit b81cdc75ce
246 changed files with 10836 additions and 1337 deletions
Download patch file Download diff file Expand all files Collapse all files

44
tests/wpt/web-platform-tests/.azure-pipelines.yml
View file

@ -225,8 +225,6 @@ jobs:
- template: tools/ci/azure/update_manifest.yml
- script: python ./wpt run --yes --no-manifest-update --install-fonts --manifest MANIFEST.json --metadata infrastructure/metadata/ --log-tbpl - --log-tbpl-level info --channel dev edgechromium infrastructure/
displayName: 'Run tests (Edge Dev)'
- script: python ./wpt run --yes --no-manifest-update --install-fonts --manifest MANIFEST.json --metadata infrastructure/metadata/ --log-tbpl - --log-tbpl-level info --channel canary edgechromium infrastructure/
displayName: 'Run tests (Edge Canary)'
- task: PublishBuildArtifacts@1
displayName: 'Publish results'
inputs:
@ -237,7 +235,7 @@ jobs:
# All `./wpt run` tests are run from epochs/* branches on a schedule. See
# documentation at the top of this file for required setup.
- job: results_edge
displayName: 'all tests: Edge'
displayName: 'all tests: Edge Dev'
condition: |
or(eq(variables['Build.Reason'], 'Schedule'),
and(eq(variables['Build.Reason'], 'Manual'), variables['run_all_edge']))
@ -256,12 +254,12 @@ jobs:
packages: virtualenv
- template: tools/ci/azure/install_certs.yml
- template: tools/ci/azure/install_edge.yml
parameters:
channel: dev
- template: tools/ci/azure/update_hosts.yml
- template: tools/ci/azure/update_manifest.yml
- script: python ./wpt run --yes --no-manifest-update --no-restart-on-unexpected --no-fail-on-unexpected --install-fonts --this-chunk $(System.JobPositionInPhase) --total-chunks $(System.TotalJobsInPhase) --chunk-type hash --log-wptreport $(Build.ArtifactStagingDirectory)/wpt_report_$(System.JobPositionInPhase).json --log-wptscreenshot $(Build.ArtifactStagingDirectory)/wpt_screenshot_$(System.JobPositionInPhase).txt --log-tbpl - --log-tbpl-level info --channel dev edgechromium
displayName: 'Run tests (Edge Dev)'
- script: python ./wpt run --yes --no-manifest-update --no-restart-on-unexpected --no-fail-on-unexpected --install-fonts --this-chunk $(System.JobPositionInPhase) --total-chunks $(System.TotalJobsInPhase) --chunk-type hash --log-wptreport $(Build.ArtifactStagingDirectory)/wpt_report_$(System.JobPositionInPhase).json --log-wptscreenshot $(Build.ArtifactStagingDirectory)/wpt_screenshot_$(System.JobPositionInPhase).txt --log-tbpl - --log-tbpl-level info --channel canary edgechromium
displayName: 'Run tests (Edge Canary)'
- task: PublishBuildArtifacts@1
displayName: 'Publish results'
inputs:
@ -272,6 +270,42 @@ jobs:
dependsOn: results_edge
artifactName: edge-results
- job: results_edge_canary
displayName: 'all tests: Edge Canary'
condition: |
or(eq(variables['Build.Reason'], 'Schedule'),
and(eq(variables['Build.Reason'], 'Manual'), variables['run_all_edge']))
# There are 12 agents in the pool, but use more jobs so that each takes <1h.
strategy:
parallel: 20
timeoutInMinutes: 360
pool:
name: 'Hosted Windows Client'
steps:
- template: tools/ci/azure/system_info.yml
- template: tools/ci/azure/checkout.yml
- template: tools/ci/azure/install_python.yml
- template: tools/ci/azure/pip_install.yml
parameters:
packages: virtualenv
- template: tools/ci/azure/install_certs.yml
- template: tools/ci/azure/install_edge.yml
parameters:
channel: canary
- template: tools/ci/azure/update_hosts.yml
- template: tools/ci/azure/update_manifest.yml
- script: python ./wpt run --yes --no-manifest-update --no-restart-on-unexpected --no-fail-on-unexpected --install-fonts --this-chunk $(System.JobPositionInPhase) --total-chunks $(System.TotalJobsInPhase) --chunk-type hash --log-wptreport $(Build.ArtifactStagingDirectory)/wpt_report_$(System.JobPositionInPhase).json --log-wptscreenshot $(Build.ArtifactStagingDirectory)/wpt_screenshot_$(System.JobPositionInPhase).txt --log-tbpl - --log-tbpl-level info --channel canary edgechromium
displayName: 'Run tests (Edge Canary)'
- task: PublishBuildArtifacts@1
displayName: 'Publish results'
inputs:
artifactName: 'edge-canary-results'
- template: tools/ci/azure/cleanup_win10.yml
- template: tools/ci/azure/fyi_hook.yml
parameters:
dependsOn: results_edge_canary
artifactName: edge-canary-results
- job: results_safari
displayName: 'all tests: Safari'
condition: |

19
tests/wpt/web-platform-tests/IndexedDB/nested-cloning-large-multiple.any.js → tests/wpt/web-platform-tests/IndexedDB/nested-cloning-large-multiple.html
View file

@ -1,9 +1,14 @@
// META: title=IndexedDB: large nested objects are cloned correctly
// META: timeout=long
// META: script=support-promises.js
// META: script=nested-cloning-common.js
// META: global=window,dedicatedworker,sharedworker,serviceworker
'use strict';
<!doctype html>
<meta charset="utf8">
<meta name="timeout" content="long">
<title>IndexedDB: large nested objects are cloned correctly</title>
<link rel="help" href="https://w3c.github.io/IndexedDB/#abort-transaction">
<link rel="author" href="pwnall@chromium.org" title="Victor Costan">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support-promises.js"></script>
<script src="nested-cloning-common.js"></script>
<script>
cloningTestWithKeyGenerator(
'multiple requests of objects with blobs and large typed arrays', [
@ -45,3 +50,5 @@ cloningTestWithKeyGenerator(
{ type: 'blob', size: wrapThreshold, mimeType: 'text/x-blink20', seed: 20 },
],
]);
</script>

19
tests/wpt/web-platform-tests/IndexedDB/nested-cloning-large.any.js → tests/wpt/web-platform-tests/IndexedDB/nested-cloning-large.html
View file

@ -1,9 +1,14 @@
// META: title=IndexedDB: large nested objects are cloned correctly
// META: timeout=long
// META: script=support-promises.js
// META: script=nested-cloning-common.js
// META: global=window,dedicatedworker,sharedworker,serviceworker
'use strict';
<!doctype html>
<meta charset="utf8">
<meta name="timeout" content="long">
<title>IndexedDB: large nested objects are cloned correctly</title>
<link rel="help" href="https://w3c.github.io/IndexedDB/#abort-transaction">
<link rel="author" href="pwnall@chromium.org" title="Victor Costan">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support-promises.js"></script>
<script src="nested-cloning-common.js"></script>
<script>
cloningTest('large typed array', [
{ type: 'buffer', size: wrapThreshold, seed: 1 },
@ -40,3 +45,5 @@ cloningTestWithKeyGenerator('object with blobs and large typed arrays', [
seed: 5 },
},
]);
</script>

21
tests/wpt/web-platform-tests/IndexedDB/nested-cloning-small.any.js → tests/wpt/web-platform-tests/IndexedDB/nested-cloning-small.html
View file

@ -1,9 +1,14 @@
// META: title=IndexedDB: small nested objects are cloned correctly
// META: timeout=long
// META: script=support-promises.js
// META: script=nested-cloning-common.js
// META: global=window,dedicatedworker,sharedworker,serviceworker
'use strict';
<!doctype html>
<meta charset="utf8">
<meta name="timeout" content="long">
<title>IndexedDB: small nested objects are cloned correctly</title>
<link rel="help" href="https://w3c.github.io/IndexedDB/#abort-transaction">
<link rel="author" href="pwnall@chromium.org" title="Victor Costan">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support-promises.js"></script>
<script src="nested-cloning-common.js"></script>
<script>
cloningTest('small typed array', [
{ type: 'buffer', size: 64, seed: 1 },
@ -37,4 +42,6 @@ cloningTestWithKeyGenerator('array of blobs and small typed arrays', [
{ type: 'buffer', size: 64, seed: 4 },
{ type: 'blob', size: wrapThreshold, mimeType: 'text/x-blink-05', seed: 5 },
],
]);
]);
</script>

76
tests/wpt/web-platform-tests/core-aam/aria-expanded_true_on_application-manual.html Normal file
View file

@ -0,0 +1,76 @@
<!doctype html>
<html>
<head>
<title>aria-expanded=true on application</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"states",
"contains",
"STATE_EXPANDABLE"
],
[
"property",
"states",
"contains",
"STATE_EXPANDED"
]
],
"AXAPI" : [
[
"property",
"AXExpanded",
"is",
"YES"
]
],
"MSAA" : [
[
"property",
"states",
"contains",
"STATE_SYSTEM_EXPANDED"
]
],
"UIA" : [
[
"property",
"ExpandCollapse.ExpandCollapseState",
"is",
"Expanded"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "aria-expanded=true on application"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for aria-expanded=true on an application.</p>
<div role='application' id='test' aria-expanded='true'>content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

76
tests/wpt/web-platform-tests/core-aam/aria-expanded_true_on_checkbox-manual.html Normal file
View file

@ -0,0 +1,76 @@
<!doctype html>
<html>
<head>
<title>aria-expanded=true on checkbox</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"states",
"contains",
"STATE_EXPANDABLE"
],
[
"property",
"states",
"contains",
"STATE_EXPANDED"
]
],
"AXAPI" : [
[
"property",
"AXExpanded",
"is",
"YES"
]
],
"MSAA" : [
[
"property",
"states",
"contains",
"STATE_SYSTEM_EXPANDED"
]
],
"UIA" : [
[
"property",
"ExpandCollapse.ExpandCollapseState",
"is",
"Expanded"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "aria-expanded=true on checkbox"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for aria-expanded=true on a checkbox.</p>
<div role='checkbox' id='test' aria-expanded='true'>content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

76
tests/wpt/web-platform-tests/core-aam/aria-expanded_true_on_switch-manual.html Normal file
View file

@ -0,0 +1,76 @@
<!doctype html>
<html>
<head>
<title>aria-expanded=true on switch</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"states",
"contains",
"STATE_EXPANDABLE"
],
[
"property",
"states",
"contains",
"STATE_EXPANDED"
]
],
"AXAPI" : [
[
"property",
"AXExpanded",
"is",
"YES"
]
],
"MSAA" : [
[
"property",
"states",
"contains",
"STATE_SYSTEM_EXPANDED"
]
],
"UIA" : [
[
"property",
"ExpandCollapse.ExpandCollapseState",
"is",
"Expanded"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "aria-expanded=true on switch"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for aria-expanded=true on a switch.</p>
<div role='switch' id='test' aria-expanded='true'>content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

110
tests/wpt/web-platform-tests/core-aam/aria-posinset_and_aria-setsize_on_row-manual.html Normal file
View file

@ -0,0 +1,110 @@
<!doctype html>
<html>
<head>
<title>aria-posinset and aria-setsize on row</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"objectAttributes",
"contains",
"posinset:2"
],
[
"property",
"objectAttributes",
"contains",
"setsize:100"
]
],
"AXAPI" : [
[
"property",
"AXARIAPosInSet",
"is",
"2"
],
[
"property",
"AXARIASetSize",
"is",
"100"
]
],
"IAccessible2" : [
[
"property",
"objectAttributes",
"contains",
"posinset:2"
],
[
"property",
"groupPosition",
"contains",
"positionInGroup:2"
],
[
"property",
"objectAttributes",
"contains",
"setsize:100"
],
[
"property",
"groupPosition",
"contains",
"similarItemsInGroup:100"
]
],
"UIA" : [
[
"property",
"AriaProperties.posinset",
"is",
"2"
],
[
"property",
"AriaProperties.setsize",
"is",
"100"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "aria-posinset and aria-setsize on row"
}
) ;
</script>
</head>
<body>
<p>This test examines exposure of aria-posinset and aria-setsize on row</p>
<div role='grid'>
<div role='row' id='test' aria-posinset='2' aria-setsize='100'>
<div role='cell'>content</div>
</div>
</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

70
tests/wpt/web-platform-tests/core-aam/aria-required_true_on_checkbox-manual.html Normal file
View file

@ -0,0 +1,70 @@
<!doctype html>
<html>
<head>
<title>aria-required=true on checkbox</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"states",
"contains",
"STATE_REQUIRED"
]
],
"AXAPI" : [
[
"property",
"AXRequired",
"is",
"YES"
]
],
"IAccessible2" : [
[
"property",
"states",
"contains",
"IA2_STATE_REQUIRED"
]
],
"UIA" : [
[
"property",
"IsRequiredForForm",
"is",
"true"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "aria-required=true on checkbox"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for aria-required=true on a checkbox.</p>
<div role='checkbox' id='test' aria-required='true'>checkbox</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

93
tests/wpt/web-platform-tests/core-aam/deletion-manual.html Normal file
View file

@ -0,0 +1,93 @@
<!doctype html>
<html>
<head>
<title>deletion</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"role",
"is",
"ROLE_CONTENT_DELETION"
],
[
"property",
"objectAttributes",
"contains",
"xml-roles:deletion"
]
],
"AXAPI" : [
[
"property",
"AXRole",
"is",
"AXGroup"
],
[
"property",
"AXSubrole",
"is",
"AXDeleteStyleGroup"
],
[
"property",
"AXRoleDescription",
"is",
"group"
]
],
"IAccessible2" : [
[
"property",
"role",
"is",
"IA2_ROLE_CONTENT_DELETION"
]
],
"UIA" : [
[
"property",
"ControlType",
"is",
"Text"
],
[
"property",
"LocalizedControlType",
"is",
"del"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "deletion"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for deletion.</p>
<div role="deletion" id="test">content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

87
tests/wpt/web-platform-tests/core-aam/group_as_child_of_listbox-manual.html Normal file
View file

@ -0,0 +1,87 @@
<!doctype html>
<html>
<head>
<title>group as child of listbox</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"role",
"is",
"ROLE_PANEL"
]
],
"AXAPI" : [
[
"property",
"AXRole",
"is",
"AXGroup"
],
[
"property",
"AXSubrole",
"is",
"AXApplicationGroup"
],
[
"property",
"AXRoleDescription",
"is",
"group"
]
],
"MSAA" : [
[
"property",
"role",
"is",
"ROLE_SYSTEM_GROUPING"
]
],
"UIA" : [
[
"property",
"ControlType",
"is",
"Group"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "group as child of listbox"
}
) ;
</script>
</head>
<body>
<p>This test examines whether or not group is supported as a child of listbox.</p>
<div role='listbox'>
<div role='group' id='test'>
<div role='option'>content 1</div>
<div role='option'>content 2</div>
</div>
</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

93
tests/wpt/web-platform-tests/core-aam/insertion-manual.html Normal file
View file

@ -0,0 +1,93 @@
<!doctype html>
<html>
<head>
<title>insertion</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"role",
"is",
"ROLE_CONTENT_INSERTION"
],
[
"property",
"objectAttributes",
"contains",
"xml-roles:insertion"
]
],
"AXAPI" : [
[
"property",
"AXRole",
"is",
"AXGroup"
],
[
"property",
"AXSubrole",
"is",
"AXInsertStyleGroup"
],
[
"property",
"AXRoleDescription",
"is",
"group"
]
],
"IAccessible2" : [
[
"property",
"role",
"is",
"IA2_ROLE_CONTENT_INSERTION"
]
],
"UIA" : [
[
"property",
"ControlType",
"is",
"Text"
],
[
"property",
"LocalizedControlType",
"is",
"ins"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "insertion"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for insertion.</p>
<div role="insertion" id="test">content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

70
tests/wpt/web-platform-tests/core-aam/math_role_children_are_not_presentational-manual.html Normal file
View file

@ -0,0 +1,70 @@
<!doctype html>
<html>
<head>
<title>Math role children are not presentational</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"accessible",
"is",
"true"
]
],
"AXAPI" : [
[
"property",
"accessible",
"is",
"true"
]
],
"MSAA" : [
[
"property",
"accessible",
"is",
"true"
]
],
"UIA" : [
[
"property",
"accessible",
"is",
"true"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "Math role children are not presentational"
}
) ;
</script>
</head>
<body>
<p>This test examines whether or not math role children are treated as presentational.</p>
<div role='math'><input id='test'/> + 1 = 4</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

93
tests/wpt/web-platform-tests/core-aam/menuitemcheckbox_child_of_group-manual.html Normal file
View file

@ -0,0 +1,93 @@
<!doctype html>
<html>
<head>
<title>menuitemcheckbox child of group</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"role",
"is",
"ROLE_CHECK_MENU_ITEM"
]
],
"AXAPI" : [
[
"property",
"AXRole",
"is",
"AXMenuItem"
],
[
"property",
"AXSubrole",
"is",
"<nil>"
],
[
"property",
"AXRoleDescription",
"is",
"menu item"
]
],
"IAccessible2" : [
[
"property",
"role",
"is",
"IA2_ROLE_CHECK_MENU_ITEM"
]
],
"UIA" : [
[
"property",
"ControlType",
"is",
"MenuItem"
],
[
"property",
"Control Pattern",
"is",
"Toggle"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "menuitemcheckbox child of group"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for a menuitemcheckbox child of group.</p>
<div role='menu'>
<div role='group'>
<div role='menuitemcheckbox' id='test'>content 1</div>
</div>
<div role='menuitem'>content 2</div>
</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

106
tests/wpt/web-platform-tests/core-aam/meter-manual.html Normal file
View file

@ -0,0 +1,106 @@
<!doctype html>
<html>
<head>
<title>meter</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"role",
"is",
"ROLE_LEVEL_BAR"
],
[
"property",
"interfaces",
"contains",
"Value"
]
],
"AXAPI" : [
[
"property",
"AXRole",
"is",
"AXLevelIndicator"
],
[
"property",
"AXSubrole",
"is",
"<nil>"
],
[
"property",
"AXRoleDescription",
"is",
"level indicator"
]
],
"IAccessible2" : [
[
"property",
"role",
"is",
"IA2_ROLE_LEVEL_BAR"
],
[
"property",
"interfaces",
"contains",
"IAccessibleValue"
]
],
"UIA" : [
[
"property",
"ControlType",
"is",
"ProgressBar"
],
[
"property",
"LocalizedControlType",
"is",
"meter"
],
[
"property",
"Control Pattern",
"is",
"RangeValue"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "meter"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for meter.</p>
<div role='meter' aria-valuenow='20' id='test'>content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

101
tests/wpt/web-platform-tests/core-aam/subscript-manual.html Normal file
View file

@ -0,0 +1,101 @@
<!doctype html>
<html>
<head>
<title>subscript</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"role",
"is",
"ROLE_SUBSCRIPT"
]
],
"AXAPI" : [
[
"property",
"AXRole",
"is",
"AXGroup"
],
[
"property",
"AXSubrole",
"is",
"AXSubscriptStyleGroup"
],
[
"property",
"AXRoleDescription",
"is",
"group"
]
],
"IAccessible2" : [
[
"property",
"role",
"is",
"IA2_ROLE_TEXT_FRAME"
],
[
"property",
"textAttributes",
"contains",
"text-position:sub"
]
],
"MSAA" : [
[
"property",
"role",
"is",
"ROLE_SYSTEM_TEXT"
]
],
"UIA" : [
[
"property",
"ControlType",
"is",
"Text"
],
[
"property",
"TextRange.IsSubscript",
"is",
"true"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "subscript"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for subscript.</p>
<div role="subscript" id="test">content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

101
tests/wpt/web-platform-tests/core-aam/superscript-manual.html Normal file
View file

@ -0,0 +1,101 @@
<!doctype html>
<html>
<head>
<title>superscript</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"role",
"is",
"ROLE_SUPERSCRIPT"
]
],
"AXAPI" : [
[
"property",
"AXRole",
"is",
"AXGroup"
],
[
"property",
"AXSubrole",
"is",
"AXSuperscriptStyleGroup"
],
[
"property",
"AXRoleDescription",
"is",
"group"
]
],
"IAccessible2" : [
[
"property",
"role",
"is",
"IA2_ROLE_TEXT_FRAME"
],
[
"property",
"textAttributes",
"contains",
"text-position:super"
]
],
"MSAA" : [
[
"property",
"role",
"is",
"ROLE_SYSTEM_TEXT"
]
],
"UIA" : [
[
"property",
"ControlType",
"is",
"Text"
],
[
"property",
"TextRange.IsSuperscript",
"is",
"true"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "superscript"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for superscript.</p>
<div role="superscript" id="test">content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

101
tests/wpt/web-platform-tests/core-aam/time-manual.html Normal file
View file

@ -0,0 +1,101 @@
<!doctype html>
<html>
<head>
<title>time</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link rel="stylesheet" href="/wai-aria/scripts/manual.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/wai-aria/scripts/ATTAcomm.js"></script>
<script>
setup({explicit_timeout: true, explicit_done: true });
var theTest = new ATTAcomm(
{
"steps" : [
{
"element" : "test",
"test" : {
"ATK" : [
[
"property",
"role",
"is",
"ROLE_STATIC"
],
[
"property",
"objectAttributes",
"contains",
"xml-roles:time"
]
],
"AXAPI" : [
[
"property",
"AXRole",
"is",
"AXGroup"
],
[
"property",
"AXSubrole",
"is",
"AXTimeGroup"
],
[
"property",
"AXRoleDescription",
"is",
"group"
]
],
"IAccessible2" : [
[
"property",
"objectAttributes",
"contains",
"xml-roles:time"
]
],
"MSAA" : [
[
"property",
"role",
"is",
"ROLE_SYSTEM_STATICTEXT"
]
],
"UIA" : [
[
"property",
"ControlType",
"is",
"Text"
],
[
"property",
"LocalizedControlType",
"is",
"time"
]
]
},
"title" : "step 1",
"type" : "test"
}
],
"title" : "time"
}
) ;
</script>
</head>
<body>
<p>This test examines the ARIA properties for time.</p>
<div role="time" id="test">content</div>
<div id="manualMode"></div>
<div id="log"></div>
<div id="ATTAmessages"></div>
</body>
</html>

14
tests/wpt/web-platform-tests/css/CSS2/floats-clear/adjoining-float-nested-forced-clearance-004.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html" />
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
<p>Test passes if there is a filled green square.</p>
<div style="overflow: hidden;"></div>
<div style="float: left; width: 100px; height: 50px; background: green;"></div>
<span>
<div style="clear: both;">
<div style="height: 10px;">
<div style="float: left; width: 100px; height: 50px; background: green;">
</div>
</div>
</span>

26
tests/wpt/web-platform-tests/css/CSS2/positioning/abspos-width-change-inline-container-001-ref.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<style>
#container {
text-align: center;
width: 100px;
}
#relpos {
position: relative;
background: red;
}
#abspos {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
background: green;
}
</style>
<body>
<div id="container">
<span id="relpos">x
<span id="abspos"></span>
</span>
</div>
</body>

37
tests/wpt/web-platform-tests/css/CSS2/positioning/abspos-width-change-inline-container-001.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>CSS Test: Absolutely positioned object in an inline container repsonding to the block width change</title>
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos">
<link rel="match" href="abspos-width-change-inline-container-001-ref.html">
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
<style>
#container {
text-align: center;
width: 200px;
}
#relpos {
position: relative;
background: red;
}
#abspos {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
background: green;
}
</style>
<body>
<div id="container">
<span id="relpos">x
<span id="abspos"></span>
</span>
</div>
<script>
run();
function run() {
document.body.offsetTop;
container.style.width = '100px';
}
</script>
</body>

4
tests/wpt/web-platform-tests/css/css-backgrounds/parsing/box-shadow-invalid.html
View file

@ -8,6 +8,7 @@
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#box-shadow">
<meta name="assert" content="box-shadow supports only the grammar 'none | <shadow>#'.">
<meta name="assert" content="Lengths must stay adjacent." />
<meta name="assert" content="<blur-radius> must be non-negative." />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
@ -57,6 +58,9 @@ test_invalid_value("box-shadow", "inset 4px -4px red 0");
test_invalid_value("box-shadow", "4px -4px red 0 inset");
test_invalid_value("box-shadow", "red 4px -4px inset 0");
test_invalid_value("box-shadow", "4px -4px inset 0 red");
// <blur-radius> must be non-negative
test_invalid_value("box-shadow", "1px 1px -1px");
</script>
</body>
</html>

5
tests/wpt/web-platform-tests/css/css-backgrounds/parsing/box-shadow-valid.html
View file

@ -57,6 +57,11 @@ test_valid_value("box-shadow", "4px -4px 0 0 green inset", "green 4px -4px 0px 0
test_valid_value("box-shadow", "4px -4px 0 0 inset green", "green 4px -4px 0px 0px inset");
test_valid_value("box-shadow", "green 4px -4px 0 0 inset", "green 4px -4px 0px 0px inset");
test_valid_value("box-shadow", "inset 4px -4px 0 0 green", "green 4px -4px 0px 0px inset");
// No parse-time range-checking for <blur-radius> given as a math function
// https://drafts.csswg.org/css-values-4/#calc-range
test_valid_value("box-shadow", "1px 1px calc(-1px)", "1px 1px calc(-1px)");
test_valid_value("box-shadow", "1px 1px calc(1em - 2px)", "1px 1px calc(1em - 2px)");
</script>
</body>
</html>

15
tests/wpt/web-platform-tests/css/css-content/quotes-001.html Normal file
View file

@ -0,0 +1,15 @@
<!doctype html>
<html>
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Browser uses default quote marks when no lang is specified">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-001-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the <q>outer <q>quote marks</q> are double,
and the two sets of <q>inner</q> ones</q> are single.

16
tests/wpt/web-platform-tests/css/css-content/quotes-002.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="en-US">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="The quotes property controls quote marks inserted by the q element">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-002-ref.html">
<style>
body { font: 32px serif; }
.test { quotes: "<" ">" ; }
</style>
<body>
Test passes if the word <q>quotes</q> is enclosed in curly quotes,
and <q class=test>angle brackets</q> in angle brackets.

16
tests/wpt/web-platform-tests/css/css-content/quotes-003.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="en-US">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="The quotes property can specify different marks for nested quotes">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-003-ref.html">
<style>
body { font: 32px serif; }
.test { quotes: "<" ">" "[" "]"; }
</style>
<body>
<p class=test>Test passes if the <q>outer <q>quote marks</q> are angle brackets,
and the two sets of <q>inner</q> ones</q> are square brackets.

16
tests/wpt/web-platform-tests/css/css-content/quotes-004.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="am">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Amharic quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-004-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>አንድ <q>ሁለት</q> ሦስት</q>
<p>&#xab;አንድ &#x2039;ሁለት&#x203a; ሦስት&#xbb;

16
tests/wpt/web-platform-tests/css/css-content/quotes-005.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="ar">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Arabic quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-005-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p dir=rtl><q>واحد <q>اثنينل</q> ثلاثة</q>
<p dir=rtl>&#x201d;واحد &#x2019;اثنينل&#x2018; ثلاثة&#x201c;

16
tests/wpt/web-platform-tests/css/css-content/quotes-006.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="bn">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Bengali quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-006-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>এক <q>দুই</q> তিন</q>
<p>&#x201c;এক &#x2018;দুই&#x2019; তিন&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-007.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="chr">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Cherokee quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-007-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>Ꮒꭶꮣ <q>ꭰꮒᏼꮻ</q> ꭴꮎꮥꮕꭲ</q>
<p>&#x201c;Ꮒꭶꮣ &#x2018;ꭰꮒᏼꮻ&#x2019; ꭴꮎꮥꮕꭲ&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-008.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="el">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Greek quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-008-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>ένα <q>δύο</q> τρία</q>
<p>&#xab;ένα &#x201c;δύο&#x201d; τρία&#xbb;

16
tests/wpt/web-platform-tests/css/css-content/quotes-009.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="fa">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Farsi quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-009-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>یک <q>دو</q> سه</q>
<p>&#xab;یک &#x2039;دو&#x203a; سه&#xbb;

16
tests/wpt/web-platform-tests/css/css-content/quotes-010.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="fr">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="French quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-010-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>un <q>deux</q> trois</q>
<p>&#xab;un &#xab;deux&#xbb; trois&#xbb;

16
tests/wpt/web-platform-tests/css/css-content/quotes-011.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="fr-CH">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Swiss-French quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-011-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>un <q>deux</q> trois</q>
<p>&#xab;un &#x2039;deux&#x203a; trois&#xbb;

16
tests/wpt/web-platform-tests/css/css-content/quotes-012.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="gu">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Gujarati quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-012-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>એક <q>બે</q> રણ</q>
<p>&#x201c;એક &#x2018;બે&#x2019; રણ&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-013.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="he">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Hebrew quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-013-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p dir=rtl><q>אחת <q>שתיים</q> שלוש</q>
<p dir=rtl>&#x201d;אחת &#x2019;שתיים&#x2019; שלוש&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-014.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="hi">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Hindi quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-014-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>एक <q>दो</q> तीन</q>
<p>&#x201c;एक &#x2018;दो&#x2019; तीन&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-015.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="hu">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Hungarian quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-015-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>egy <q>kettő</q> három</q>
<p>&#x201e;egy &#xbb;kettő&#xab; három&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-016.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="ja">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Japanese quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-016-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>一 <q>二</q> 三</q>
<p>&#x300c;一 &#x300e;二&#x300f; 三&#x300d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-017.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="km">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Khmer quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-017-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>មួយ <q>ពីរ</q> បី</q>
<p>&#x201c;មួយ &#x2018;ពីរ&#x2019; បី&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-018.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="ko">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Korean quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-018-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>하나 <q>둘</q> 셋</q>
<p>&#x201c;하나 &#x2018;둘&#x2019; 셋&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-019.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="lo">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Lao quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-019-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>ຫນຶ່ງ <q>ສອງ</q> ສາມ</q>
<p>&#x201c;ຫນຶ່ງ &#x2018;ສອງ&#x2019; ສາມ&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-020.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="my">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Burmese quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-020-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>တစ် <q>နှစ်</q> သုံး</q>
<p>&#x201c;တစ် &#x2018;နှစ်&#x2019; သုံး&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-021.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="nl">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Dutch quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-021-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>een <q>twee</q> drie</q>
<p>&#x2018;een &#x201c;twee&#x201d; drie&#x2019;

16
tests/wpt/web-platform-tests/css/css-content/quotes-022.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="pa">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Punjabi quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-022-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>ਇੱਕ <q>ਦੋ</q> ਤਿੰਨ</q>
<p>&#x201c;ਇੱਕ &#x2018;ਦੋ&#x2019; ਤਿੰਨ&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-023.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="ta">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Tamil quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-023-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>ஒன்று <q>இரண்டு</q> மூன்று</q>
<p>&#x201c;ஒன்று &#x2018;இரண்டு&#x2019; மூன்று&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-024.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="th">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Thai quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-024-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>หนึ่ง<q>สอง</q>สาม</q>
<p>&#x201c;หนึ่ง&#x2018;สอง&#x2019;สาม&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-025.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="zh-Hans">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Simplified Chinese quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-025-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>一 <q>二</q> 三</q>
<p>&#x201c;一 &#x2018;二&#x2019; 三&#x201d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-026.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="zh-Hant">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Traditional Chinese quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-026-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>一 <q>二</q> 三</q>
<p>&#x300c;一 &#x300e;二&#x300f; 三&#x300d;

16
tests/wpt/web-platform-tests/css/css-content/quotes-027.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="zh">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Chinese quotation marks follow CLDR">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#quotes">
<link rel=match href="reference/quotes-027-ref.html">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p><q>一 <q>二</q> 三</q>
<p>&#x201c;一 &#x2018;二&#x2019; 三&#x201d;

15
tests/wpt/web-platform-tests/css/css-content/quotes-028.html Normal file
View file

@ -0,0 +1,15 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Nested quotes use successive pairs, then repeat final pair">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel=match href="reference/quotes-028-ref.html">
<style>
body { font: 32px serif; quotes: "“" "”" "‘" "’" "«" "»" "‹" "›"; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One <q>two <q>three <q>four <q>five <q>six</q></q></q></q></q>
<p>One “two ‘three «four ‹five ‹six››»’”

16
tests/wpt/web-platform-tests/css/css-content/quotes-029.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="Nested quotes continue at the correct level when the quotes property is updated">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel=match href="reference/quotes-029-ref.html">
<style>
body { font: 32px serif; quotes: none; }
.q { quotes: "“" "”" "‘" "’" "«" "»" "‹" "›"; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One <q>two <q>three <q class=q>four <q>five <q>six</q></q></q></q></q>
<p>One two three «four ‹five ‹six››»

15
tests/wpt/web-platform-tests/css/css-content/quotes-030.html Normal file
View file

@ -0,0 +1,15 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="quotes:auto with mixed languages uses appropriate CLDR quotes for each language">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel=match href="reference/quotes-030-ref.html">
<style>
body { font: 32px serif; quotes: auto; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One <q>two <q lang="ja">three <q lang="fr">four</q></q></q>
<p>One “two <span lang="ja">『three <span lang="fr">«four»</span>』</span>”

15
tests/wpt/web-platform-tests/css/css-content/quotes-031.html Normal file
View file

@ -0,0 +1,15 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="language change does not override explicit quotes:<pair-list>">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel=match href="reference/quotes-031-ref.html">
<style>
body { font: 32px serif; quotes: "‹" "›"; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One <q>two <q lang="ja">three <q lang="fr">four</q></q></q>
<p>One ‹two <span lang="ja">‹three <span lang="fr">‹four›</span>›</span>›

15
tests/wpt/web-platform-tests/css/css-content/quotes-032.html Normal file
View file

@ -0,0 +1,15 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="lang attribute does not override explicit quotes:none setting">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel=match href="reference/quotes-032-ref.html">
<style>
body { font: 32px serif; quotes: none; }
</style>
<body>
<p>Test passes if both lines match, with no quote marks:
<p>One <q>two <q lang="ja">three <q lang="fr">four</q></q></q>
<p>One two <span lang="ja">three <span lang="fr">four</span></span>

16
tests/wpt/web-platform-tests/css/css-content/quotes-033.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content test: quotes</title>
<meta name="assert" content="quotes:auto resets default behavior after quotes:none">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-content-3/#quotes">
<link rel=match href="reference/quotes-033-ref.html">
<style>
body { font: 32px serif; quotes: none; }
.inner { quotes: auto; }
</style>
<body>
<p>Test passes if quote marks in both lines match:
<p>One <q>two</q> <span class="inner"><q>three <q>four</q></q></span> <q>five</q>
<p>One two “three ‘four’” five

11
tests/wpt/web-platform-tests/css/css-content/reference/quotes-001-ref.html Normal file
View file

@ -0,0 +1,11 @@
<!doctype html>
<html>
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the &#x201c;outer &#x2018;quote marks&#x2019; are double,
and the two sets of &#x2018;inner&#x2019; ones&#x201d; are single.

11
tests/wpt/web-platform-tests/css/css-content/reference/quotes-002-ref.html Normal file
View file

@ -0,0 +1,11 @@
<!doctype html>
<html lang="en-US">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
Test passes if the word &#x201c;quotes&#x201d; is enclosed in curly quotes,
and &lt;angle brackets&gt; in angle brackets.

11
tests/wpt/web-platform-tests/css/css-content/reference/quotes-003-ref.html Normal file
View file

@ -0,0 +1,11 @@
<!doctype html>
<html lang="en-US">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p class=test>Test passes if the &lt;outer [quote marks] are angle brackets,
and the two sets of [inner] ones&gt; are square brackets.

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-004-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="am">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#xab;አንድ &#x2039;ሁለት&#x203a; ሦስት&#xbb;
<p>&#xab;አንድ &#x2039;ሁለት&#x203a; ሦስት&#xbb;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-005-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="ar">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p dir=rtl>&#x201d;واحد &#x2019;اثنينل&#x2018; ثلاثة&#x201c;
<p dir=rtl>&#x201d;واحد &#x2019;اثنينل&#x2018; ثلاثة&#x201c;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-006-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="bn">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;এক &#x2018;দুই&#x2019; তিন&#x201d;
<p>&#x201c;এক &#x2018;দুই&#x2019; তিন&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-007-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="chr">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;Ꮒꭶꮣ &#x2018;ꭰꮒᏼꮻ&#x2019; ꭴꮎꮥꮕꭲ&#x201d;
<p>&#x201c;Ꮒꭶꮣ &#x2018;ꭰꮒᏼꮻ&#x2019; ꭴꮎꮥꮕꭲ&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-008-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="el">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#xab;ένα &#x201c;δύο&#x201d; τρία&#xbb;
<p>&#xab;ένα &#x201c;δύο&#x201d; τρία&#xbb;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-009-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="fa">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#xab;یک &#x2039;دو&#x203a; سه&#xbb;
<p>&#xab;یک &#x2039;دو&#x203a; سه&#xbb;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-010-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="fr">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#xab;un &#xab;deux&#xbb; trois&#xbb;
<p>&#xab;un &#xab;deux&#xbb; trois&#xbb;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-011-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="fr-CH">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#xab;un &#x2039;deux&#x203a; trois&#xbb;
<p>&#xab;un &#x2039;deux&#x203a; trois&#xbb;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-012-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="gu">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;એક &#x2018;બે&#x2019; રણ&#x201d;
<p>&#x201c;એક &#x2018;બે&#x2019; રણ&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-013-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="he">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p dir=rtl>&#x201d;אחת &#x2019;שתיים&#x2019; שלוש&#x201d;
<p dir=rtl>&#x201d;אחת &#x2019;שתיים&#x2019; שלוש&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-014-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="hi">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;एक &#x2018;दो&#x2019; तीन&#x201d;
<p>&#x201c;एक &#x2018;दो&#x2019; तीन&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-015-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="hu">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201e;egy &#xbb;kettő&#xab; három&#x201d;
<p>&#x201e;egy &#xbb;kettő&#xab; három&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-016-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="ja">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x300c;一 &#x300e;二&#x300f; 三&#x300d;
<p>&#x300c;一 &#x300e;二&#x300f; 三&#x300d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-017-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="km">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;មួយ &#x2018;ពីរ&#x2019; បី&#x201d;
<p>&#x201c;មួយ &#x2018;ពីរ&#x2019; បី&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-018-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="ko">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;하나 &#x2018;둘&#x2019; 셋&#x201d;
<p>&#x201c;하나 &#x2018;둘&#x2019; 셋&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-019-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="lo">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;ຫນຶ່ງ &#x2018;ສອງ&#x2019; ສາມ&#x201d;
<p>&#x201c;ຫນຶ່ງ &#x2018;ສອງ&#x2019; ສາມ&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-020-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="my">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;တစ် &#x2018;နှစ်&#x2019; သုံး&#x201d;
<p>&#x201c;တစ် &#x2018;နှစ်&#x2019; သုံး&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-021-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="nl">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x2018;een &#x201c;twee&#x201d; drie&#x2019;
<p>&#x2018;een &#x201c;twee&#x201d; drie&#x2019;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-022-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="pa">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;ਇੱਕ &#x2018;ਦੋ&#x2019; ਤਿੰਨ&#x201d;
<p>&#x201c;ਇੱਕ &#x2018;ਦੋ&#x2019; ਤਿੰਨ&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-023-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="ta">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;ஒன்று &#x2018;இரண்டு&#x2019; மூன்று&#x201d;
<p>&#x201c;ஒன்று &#x2018;இரண்டு&#x2019; மூன்று&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-024-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="th">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;หนึ่ง&#x2018;สอง&#x2019;สาม&#x201d;
<p>&#x201c;หนึ่ง&#x2018;สอง&#x2019;สาม&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-025-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="zh-Hans">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;一 &#x2018;二&#x2019; 三&#x201d;
<p>&#x201c;一 &#x2018;二&#x2019; 三&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-026-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="zh-Hant">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x300c;一 &#x300e;二&#x300f; 三&#x300d;
<p>&#x300c;一 &#x300e;二&#x300f; 三&#x300d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-027-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="zh">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>&#x201c;一 &#x2018;二&#x2019; 三&#x201d;
<p>&#x201c;一 &#x2018;二&#x2019; 三&#x201d;

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-028-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One “two ‘three «four ‹five ‹six››»’”
<p>One “two ‘three «four ‹five ‹six››»’”

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-029-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One two three «four ‹five ‹six››»
<p>One two three «four ‹five ‹six››»

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-030-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One “two <span lang="ja">『three <span lang="fr">«four»</span>』</span>”
<p>One “two <span lang="ja">『three <span lang="fr">«four»</span>』</span>”

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-031-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if the quote marks in both lines match:
<p>One ‹two <span lang="ja">‹three <span lang="fr">‹four›</span>›</span>›
<p>One ‹two <span lang="ja">‹three <span lang="fr">‹four›</span>›</span>›

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-032-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if both lines match, with no quote marks:
<p>One two <span lang="ja">three <span lang="fr">four</span></span>
<p>One two <span lang="ja">three <span lang="fr">four</span></span>

12
tests/wpt/web-platform-tests/css/css-content/reference/quotes-033-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<meta charset=utf-8>
<title>CSS Generated Content reference: quotes</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<style>
body { font: 32px serif; }
</style>
<body>
<p>Test passes if quote marks in both lines match:
<p>One two “three ‘four’” five
<p>One two “three ‘four’” five

34
tests/wpt/web-platform-tests/css/css-display/display-contents-blockify-dynamic.html Normal file
View file

@ -0,0 +1,34 @@
<!doctype html>
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1561283">
<link rel="help" href="https://drafts.csswg.org/css-display/#valdef-display-contents">
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-item-display">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="mailto:obrufau@igalia.com" title="Oriol Brufau">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
.grid { display: grid }
</style>
<div style="display: grid">
<span id="grid-child">
<span></span>
</div>
</div>
<script>
function display(el) {
return getComputedStyle(el).display;
}
test(function() {
let child = document.getElementById("grid-child");
let grandChild = child.firstElementChild;
assert_equals(display(child), "block", "Grid child should get blockified");
assert_equals(display(grandChild), "inline", "Grid grand-child should not get initially blockified");
child.style.display = "contents";
assert_equals(display(child), "contents", "No reason for it not to become display: contents");
assert_equals(display(grandChild), "block", "Grid grand-child with display: contents parent should get blockified");
child.style.display = "";
assert_equals(display(child), "block", "Grid child should get blockified");
assert_equals(display(grandChild), "inline", "Grid grand-child should get un-blockified when its parent's display stops being `contents`");
}, "Dynamic changes to `display` causing blockification of children are handled correctly");
</script>

107
tests/wpt/web-platform-tests/css/css-syntax/serialize-consecutive-tokens.html Normal file
View file

@ -0,0 +1,107 @@
<!doctype html>
<title>Serialization of consecutive tokens.</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="author" title="Tab Atkins-Bittner">
<link rel=help href="https://drafts.csswg.org/css-syntax/#serialization">
<body>
<!--
The serialization chapter provides a table listing all the combinations of consecutive tokens that will,
if naively serialized next to each other,
produce a different set of tokens when re-parsed.
The spec requires that a comment must be inserted between such tokens in the serialization,
to ensure that they round-trip correctly.
-->
<script>
function testTokenPairs(t1, t2) {
const b = document.body;
test(()=>{
b.style.setProperty("--t1", t1);
b.style.setProperty("--t2", t2);
b.style.setProperty("--result", "var(--t1)var(--t2)");
const result = getComputedStyle(b).getPropertyValue("--result");
assert_equals(result.slice(0, t1.length), t1, `Result must start with ${t1}`);
assert_equals(result.slice(-t2.length), t2, `Result must end with ${t2}`);
assert_not_equals(result, t1+t2, `Result must have a comment between ${t1} and ${t2}`);
}, `Serialization of consecutive ${t1} and ${t2} tokens.`);
}
testTokenPairs("foo", "bar");
testTokenPairs("foo", "bar()");
testTokenPairs("foo", "url(bar)");
testTokenPairs("foo", "-");
testTokenPairs("foo", "123");
testTokenPairs("foo", "123%");
testTokenPairs("foo", "123em");
testTokenPairs("foo", "-->");
testTokenPairs("foo", "()");
testTokenPairs("@foo", "bar");
testTokenPairs("@foo", "bar()");
testTokenPairs("@foo", "url(bar)");
testTokenPairs("@foo", "-");
testTokenPairs("@foo", "123");
testTokenPairs("@foo", "123%");
testTokenPairs("@foo", "123em");
testTokenPairs("@foo", "-->");
testTokenPairs("#foo", "bar");
testTokenPairs("#foo", "bar()");
testTokenPairs("#foo", "url(bar)");
testTokenPairs("#foo", "-");
testTokenPairs("#foo", "123");
testTokenPairs("#foo", "123%");
testTokenPairs("#foo", "123em");
testTokenPairs("#foo", "-->");
testTokenPairs("123foo", "bar");
testTokenPairs("123foo", "bar()");
testTokenPairs("123foo", "url(bar)");
testTokenPairs("123foo", "-");
testTokenPairs("123foo", "123");
testTokenPairs("123foo", "123%");
testTokenPairs("123foo", "123em");
testTokenPairs("123foo", "-->");
testTokenPairs("#", "bar");
testTokenPairs("#", "bar()");
testTokenPairs("#", "url(bar)");
testTokenPairs("#", "-");
testTokenPairs("#", "123");
testTokenPairs("#", "123%");
testTokenPairs("#", "123em");
testTokenPairs("-", "bar");
testTokenPairs("-", "bar()");
testTokenPairs("-", "url(bar)");
testTokenPairs("-", "-");
testTokenPairs("-", "123");
testTokenPairs("-", "123%");
testTokenPairs("-", "123em");
testTokenPairs("123", "bar");
testTokenPairs("123", "bar()");
testTokenPairs("123", "url(bar)");
testTokenPairs("123", "123");
testTokenPairs("123", "123%");
testTokenPairs("123", "123em");
testTokenPairs("123", "%");
testTokenPairs("@", "bar");
testTokenPairs("@", "bar()");
testTokenPairs("@", "url(bar)");
testTokenPairs("@", "-");
testTokenPairs(".", "123");
testTokenPairs(".", "123%");
testTokenPairs(".", "123em");
testTokenPairs("+", "123");
testTokenPairs("+", "123%");
testTokenPairs("+", "123em");
testTokenPairs("/", "*");
</script>

7
tests/wpt/web-platform-tests/css/css-text-decor/parsing/text-decoration-skip-ink-invalid.html
View file

@ -9,4 +9,11 @@
<script>
test_invalid_value("text-decoration-skip-ink", "edges");
test_invalid_value("text-decoration-skip-ink", "auto none");
test_invalid_value("text-decoration-skip-ink", "10px");
test_invalid_value("text-decoration-skip-ink", "-5em");
test_invalid_value("text-decoration-skip-ink", "otto");
test_invalid_value("text-decoration-skip-ink", "20%");
test_invalid_value("text-decoration-skip-ink", "-13%");
test_invalid_value("text-decoration-skip-ink", "0");
test_invalid_value("text-decoration-skip-ink", "non");
</script>

26
tests/wpt/web-platform-tests/css/css-text-decor/reference/text-decoration-width-001-notref.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Non-reference case for text-decoration-width</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#main {
display: flex;
}
div span {
text-decoration: green underline;
font: 20px/1 Ahem;
color: transparent;
padding-right: 1em;
}
</style>
</head>
<body>
<p>Test passes if the right has a thick green underline</p>
<div id="main">
<div>left<span>XXXX</span></div>
<div><span>XXXX</span>right</div>
</div>
</body>
</html>

21
tests/wpt/web-platform-tests/css/css-text-decor/reference/text-decoration-width-green-rect-ref.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Reference case for text-decoration-width</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
div{
height: 1em;
width: 4em;
background-color: green;
font: 20px/1 Ahem;
color: transparent;
}
</style>
</head>
<body>
<p>Test passes if there is a wide green block, fails if there is any red visible</p>
<div>XXXXXXXXXXXXXXXXXXXX</div>
</body>
</html>

22
tests/wpt/web-platform-tests/css/css-text-decor/reference/text-decoration-width-scroll-001-ref.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Reference case for text-decoration-width</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
font: 20px/1 Ahem;
border: black solid;
height: 5em;
width: 7em;
background-color: green;
}
</style>
</head>
<body>
<div>Test fails if there is a red line or scrollbar in the box</div>
<div id="box">
</div>
</body>
</html>

20
tests/wpt/web-platform-tests/css/css-text-decor/reference/text-decoration-width-vertical-green-rect-ref.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Reference case for text-decoration-width</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
font: 20px/1 Ahem;
background-color: green;
height: 4em;
width: 1em;
}
</style>
</head>
<body>
<p>Test fails if there is any red visible</p>
<div id="box"></div>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-text-decor/text-decoration-width-001.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width: should affect the underline thickness">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="mismatch" href="reference/text-decoration-width-001-notref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#main {
display: flex;
}
div span {
text-decoration: green underline;
text-decoration-skip-ink: none;
font: 20px/1 Ahem;
color: transparent;
padding-right: 1em;
}
#rightbox {
text-decoration-width: 2em;
}
</style>
</head>
<body>
<p>Test passes if the right has a thick green underline</p>
<div id="main">
<div>left<span>XXXX</span></div>
<div><span id="rightbox">XXXX</span>right</div>
</div>
</body>
</html>

33
tests/wpt/web-platform-tests/css/css-text-decor/text-decoration-width-linethrough-001.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width; the width of the decoration line is increased">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-green-rect-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
div{
overflow: hidden;
height: 1em;
width: 4em;
background-color: red;
font: 20px/1 Ahem;
color: transparent;
text-decoration: green line-through;
/* We make the text decoration just a bit thicker than the div's height, so that
* it will entirely cover the div's content-box (making it fully green) as long
* as the line-through is approximately centered, vertically.
*/
text-decoration-width: 1.1em;
}
</style>
</head>
<body>
<p>Test passes if there is a wide green block, fails if there is any red visible</p>
<div>XXXXXXXXXXXXXXXXXXXX</div>
</body>
</html>

40
tests/wpt/web-platform-tests/css/css-text-decor/text-decoration-width-overline-001.html Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width: the width of the decoration line is increased">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-green-rect-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
font: 20px/1 Ahem;
overflow: hidden;
height: 1em;
width: 4em;
background-color: red;
}
/*
* This is testing to ensure that the overline
* "grows up" and covers the red in the box
*/
#text{
color: transparent;
position: relative;
top: 3em;
text-decoration: green overline;
text-decoration-skip-ink: none;
text-decoration-width: 4em;
}
</style>
</head>
<body>
<p>Test passes if there is a wide green block, fails if there is any red visible</p>
<div id="box">
<div id="text">XXXXXXXXXXXXXXXXXXXX</div>
</div>
</body>
</html>

42
tests/wpt/web-platform-tests/css/css-text-decor/text-decoration-width-scroll-001.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width: increased width text decorations don't create scrollable overflow">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-scroll-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
font: 20px/1 Ahem;
border: black solid;
overflow-y: auto;
height: 5em;
width: 7em;
background-color: red;
}
/*
* Testing to make sure that increasing the width of
* of the text decoration does not create scrollable
* overflow
*/
#text{
position: relative;
bottom: 1em;
color: transparent;
text-decoration: green underline;
text-decoration-skip-ink: none;
text-decoration-width: 8em;
}
</style>
</head>
<body>
<div>Test fails if there is a red line or scrollbar in the box</div>
<div id="box">
<div id="text">XXXXXXX</div>
</div>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show more