Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-04-03 04:52:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1113206 followup - Add simple test for <select> elements in vertical writing mode. r=roc

Browse Source
This commit is contained in:
Jonathan Kew 2015-08-05 12:43:24 +01:00
parent 0a159166d5
commit d379b4fb9f
2 changed files with 77 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/forms/test/mochitest.ini
View File

@ -64,3 +64,5 @@ skip-if = buildapp == 'mulet' || buildapp == 'b2g' || toolkit == 'android' # b2g
skip-if = toolkit == 'android' # Bug 1021644 - Fails when pushed into a different chunk on Android
[test_bug1111995.html]
skip-if = buildapp == 'mulet' || buildapp == 'b2g'
[test_select_vertical.html]
skip-if = e10s || buildapp == 'mulet' || buildapp == 'b2g' || toolkit == 'android' # Bug 1170129 - vertical <select> popup not implemented for e10s # <select> elements don't use an in-page popup on B2G/Android

75
layout/forms/test/test_select_vertical.html Normal file
View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>Test for select popup in vertical writing mode</title>
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<script>
SimpleTest.waitForExplicitFinish();
function test() {
SimpleTest.waitForFocus(function() {
var vlr = document.getElementById("vlr");
var selWidth = vlr.offsetWidth;
var optWidth = vlr.children[0].offsetWidth;
// We should be able to choose options from the vertical-lr <select>
// at positions increasingly to the right of the element itself.
is(vlr.value, "1", "(vertical-lr) initial value should be 1");
synthesizeMouse(vlr, 5, 5, { type : "mousedown", button: 0 });
synthesizeMouse(vlr, selWidth + 1.5 * optWidth, 5, { type : "mouseup", button: 0 });
is(vlr.value, "2", "(vertical-lr) new value should be 2");
synthesizeMouse(vlr, 5, 5, { type : "mousedown", button: 0 });
synthesizeMouse(vlr, selWidth + 2.5 * optWidth, 5, { type : "mouseup", button: 0 });
is(vlr.value, "3", "(vertical-lr) new value should be 3");
synthesizeMouse(vlr, 5, 5, { type : "mousedown", button: 0 });
synthesizeMouse(vlr, selWidth + 0.5 * optWidth, 5, { type : "mouseup", button: 0 });
is(vlr.value, "1", "(vertical-lr) value should be back to 1");
var vrl = document.getElementById("vrl");
// We should be able to choose options from the vertical-rl <select>
// at positions increasingly to the left of the element itself.
is(vrl.value, "1", "(vertical-rl) initial value should be 1");
synthesizeMouse(vrl, 5, 5, { type : "mousedown", button: 0 });
synthesizeMouse(vrl, -1.5 * optWidth, 5, { type : "mouseup", button: 0 });
is(vrl.value, "2", "(vertical-rl) new value should be 2");
synthesizeMouse(vrl, 5, 5, { type : "mousedown", button: 0 });
synthesizeMouse(vrl, -2.5 * optWidth, 5, { type : "mouseup", button: 0 });
is(vrl.value, "3", "(vertical-rl) new value should be 3");
synthesizeMouse(vrl, 5, 5, { type : "mousedown", button: 0 });
synthesizeMouse(vrl, -0.5 * optWidth, 5, { type : "mouseup", button: 0 });
is(vrl.value, "1", "(vertical-rl) value should be back to 1");
SimpleTest.finish();
});
}
</script>
<body onload="test();">
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1113206">Mozilla Bug 1113206</a>
<div>
<select id="vlr" style="writing-mode: vertical-lr; margin: 80px;">
<option value="1">one
<option value="2">two
<option value="3">three
<option value="4">four
</select>
<select id="vrl" style="writing-mode: vertical-rl; margin: 80px;">
<option value="1">one
<option value="2">two
<option value="3">three
<option value="4">four
</select>
</div>