Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-25 13:51:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1354478 - Reftests for caret drawing in text that is reversed relative to the element's inline direction. r=dholbert

Browse Source
This commit is contained in:
Jonathan Kew 2017-04-12 11:32:19 +01:00
parent dca4d0e0df
commit 8cc01ae9d3
14 changed files with 462 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
layout/base/tests/bug1354478-1-ref.html Normal file
View File

@ -0,0 +1,35 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea onfocus="done()">aa</textarea>
<div></div>
</body>
</html>

35
layout/base/tests/bug1354478-1.html Normal file
View File

@ -0,0 +1,35 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea dir="rtl" onfocus="done()">aa</textarea>
<div></div>
</body>
</html>

35
layout/base/tests/bug1354478-2-ref.html Normal file
View File

@ -0,0 +1,35 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea onfocus="done()">دد</textarea>
<div></div>
</body>
</html>

35
layout/base/tests/bug1354478-2.html Normal file
View File

@ -0,0 +1,35 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea dir="rtl" onfocus="done()">دد</textarea>
<div></div>
</body>
</html>

38
layout/base/tests/bug1354478-3-ref.html Normal file
View File

@ -0,0 +1,38 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
body {
writing-mode: sideways-rl;
}
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea onfocus="done()">aa</textarea>
<div></div>
</body>
</html>

38
layout/base/tests/bug1354478-3.html Normal file
View File

@ -0,0 +1,38 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
body {
writing-mode: sideways-rl;
}
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea dir="rtl" onfocus="done()">aa</textarea>
<div></div>
</body>
</html>

38
layout/base/tests/bug1354478-4-ref.html Normal file
View File

@ -0,0 +1,38 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
body {
writing-mode: sideways-rl;
}
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea onfocus="done()">دد</textarea>
<div></div>
</body>
</html>

38
layout/base/tests/bug1354478-4.html Normal file
View File

@ -0,0 +1,38 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
body {
writing-mode: sideways-rl;
}
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea dir="rtl" onfocus="done()">دد</textarea>
<div></div>
</body>
</html>

38
layout/base/tests/bug1354478-5-ref.html Normal file
View File

@ -0,0 +1,38 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
body {
writing-mode: sideways-lr;
}
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea onfocus="done()">aa</textarea>
<div></div>
</body>
</html>

38
layout/base/tests/bug1354478-5.html Normal file
View File

@ -0,0 +1,38 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
body {
writing-mode: sideways-lr;
}
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea dir="rtl" onfocus="done()">aa</textarea>
<div></div>
</body>
</html>

38
layout/base/tests/bug1354478-6-ref.html Normal file
View File

@ -0,0 +1,38 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
body {
writing-mode: sideways-lr;
}
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea onfocus="done()">دد</textarea>
<div></div>
</body>
</html>

38
layout/base/tests/bug1354478-6.html Normal file
View File

@ -0,0 +1,38 @@
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<style>
body {
writing-mode: sideways-lr;
}
textarea {
inline-size: 200px;
-moz-appearance: none;
appearance: none;
unicode-bidi: plaintext;
}
div {
inline-size: 200px;
block-size: 20px;
position: relative;
offset-block-start: -20px;
background: silver;
}
</style>
<script>
function start() {
var textarea = document.querySelector("textarea");
textarea.selectionStart = 1; // place caret between the letters
textarea.selectionEnd = 1;
textarea.focus();
}
function done() {
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body onload="start()">
<textarea dir="rtl" onfocus="done()">دد</textarea>
<div></div>
</body>
</html>

12
layout/base/tests/mochitest.ini
View File

@ -267,6 +267,18 @@ support-files =
bug1263357-4-ref.html
bug1263357-5.html
bug1263357-5-ref.html
bug1354478-1.html
bug1354478-1-ref.html
bug1354478-2.html
bug1354478-2-ref.html
bug1354478-3.html
bug1354478-3-ref.html
bug1354478-4.html
bug1354478-4-ref.html
bug1354478-5.html
bug1354478-5-ref.html
bug1354478-6.html
bug1354478-6-ref.html
image_rgrg-256x256.png
input-invalid-ref.html
input-maxlength-invalid-change.html

6
layout/base/tests/test_reftests_with_caret.html
View File

@ -186,6 +186,12 @@ var tests = [
[ 'bug1263357-3.html' , 'bug1263357-3-ref.html'] ,
[ 'bug1263357-4.html' , 'bug1263357-4-ref.html'] ,
[ 'bug1263357-5.html' , 'bug1263357-5-ref.html'] ,
[ 'bug1354478-1.html' , 'bug1354478-1-ref.html'] ,
[ 'bug1354478-2.html' , 'bug1354478-2-ref.html'] ,
[ 'bug1354478-3.html' , 'bug1354478-3-ref.html'] ,
[ 'bug1354478-4.html' , 'bug1354478-4-ref.html'] ,
[ 'bug1354478-5.html' , 'bug1354478-5-ref.html'] ,
[ 'bug1354478-6.html' , 'bug1354478-6-ref.html'] ,
function() {SpecialPowers.pushPrefEnv({'clear': [['layout.accessiblecaret.enabled']]}, nextTest);} ,
];