mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-05 16:46:26 +00:00
449 lines
14 KiB
HTML
449 lines
14 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>Test for selection underline</title>
|
|
<script type="text/javascript" src="/MochiKit/packed.js"></script>
|
|
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script type="text/javascript" src="/tests/SimpleTest/WindowSnapshot.js"></script>
|
|
<script type="text/javascript" src="../../base/tests/decoration_line_rendering.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
|
|
|
|
<script type="text/javascript">
|
|
|
|
// Canvas related code stolen from layout/base/tests/bidi_numeral_test.js which
|
|
// stole from http://developer.mozilla.org/en/docs/Code_snippets:Canvas
|
|
|
|
const kStyleNames = [ "none", "dotted", "dashed", "solid", "double", "wavy" ];
|
|
|
|
var RemoteCanvas = function(aURL, aIsReference, aStyle, aRelativeSize) {
|
|
this.url = aURL;
|
|
this.id = kStyleNames[aStyle] + aRelativeSize;
|
|
if (aIsReference)
|
|
this.id = "ref-" + this.id;
|
|
this.isReference = aIsReference;
|
|
this.underlineStyle = aStyle;
|
|
this.underlineRelativeSize = aRelativeSize;
|
|
this.snapshot = null;
|
|
};
|
|
|
|
RemoteCanvas.CANVAS_WIDTH = 820;
|
|
RemoteCanvas.CANVAS_HEIGHT = 500;
|
|
|
|
RemoteCanvas.prototype.compare = function(otherCanvas, expected) {
|
|
var ret = compareSnapshots(this.snapshot, otherCanvas.snapshot, expected);
|
|
this.snapshotDataURL = ret[1];
|
|
otherCanvas.snapshotDataURL = ret[2];
|
|
return ret[0];
|
|
}
|
|
|
|
RemoteCanvas.prototype.load = function(callback) {
|
|
var iframe = document.createElement("iframe");
|
|
iframe.id = this.id;
|
|
iframe.width = RemoteCanvas.CANVAS_WIDTH + "px";
|
|
iframe.height = RemoteCanvas.CANVAS_HEIGHT + "px";
|
|
iframe.src = this.url;
|
|
var me = this;
|
|
iframe.addEventListener("load", function() {
|
|
me.remotePageLoaded(callback);
|
|
}, false);
|
|
window.document.body.appendChild(iframe);
|
|
};
|
|
|
|
const kIsMac = navigator.platform.indexOf("Mac") == 0;
|
|
const kIsWin = navigator.platform.indexOf("Win") == 0;
|
|
const kIsLinux = navigator.platform.indexOf("Linux") == 0;
|
|
|
|
/**
|
|
* gFontMetrics has predictable font metrics:
|
|
* 0: font-family: Ahem.ttf; font-size: 16px;
|
|
* 1: font-family: mplus-1p-regular.ttf; font-size: 16px;
|
|
* 2: font-family: Ahem.ttf; font-size: 32px;
|
|
* 3: font-family: mplus-1p-regular.ttf; font-size: 32px;
|
|
* 4: font-family: Ahem.ttf; font-size: 52px;
|
|
* 5: font-family: mplus-1p-regular.ttf; font-size: 52px;
|
|
*/
|
|
var gFontMetrics = [];
|
|
|
|
if (kIsWin) {
|
|
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
|
|
if (Components.classes["@mozilla.org/gfx/info;1"].getService(Components.interfaces.nsIGfxInfo).DWriteEnabled) {
|
|
todo(false, "This test is not supported on Windows when DirectWrite is enabled.");
|
|
} else {
|
|
gFontMetrics = [
|
|
{ emHeight: 16, ascent: 13, offset: -2, lineHeight: 1, descentLimit: 3 },
|
|
{ emHeight: 16, ascent: 17, offset: -2, lineHeight: 1, descentLimit: 5 },
|
|
{ emHeight: 32, ascent: 26, offset: -4, lineHeight: 1, descentLimit: 6 },
|
|
{ emHeight: 32, ascent: 34, offset: -4, lineHeight: 2, descentLimit: 10 },
|
|
{ emHeight: 52, ascent: 42, offset: -7, lineHeight: 1, descentLimit: 10 },
|
|
{ emHeight: 52, ascent: 56, offset: -7, lineHeight: 3, descentLimit: 17 }
|
|
];
|
|
}
|
|
}
|
|
/*
|
|
else if (kIsMac) {
|
|
// XXX mnakano: I got following metrics on my Mac (both 10.4 and 10.5).
|
|
// However, on tinderbox machines, they are different values. I'm not sure
|
|
// the reason.
|
|
gFontMetrics = [
|
|
{ ascent: 13, offset: -2.127930, lineHeight: 1.000000 },
|
|
{ ascent: 18, offset: -2.000000, lineHeight: 1.000000 },
|
|
{ ascent: 26, offset: -4.255859, lineHeight: 1.000000 },
|
|
{ ascent: 35, offset: -4.000000, lineHeight: 1.600098 },
|
|
{ ascent: 42, offset: -6.915771, lineHeight: 1.040222 },
|
|
{ ascent: 56, offset: -6.500000, lineHeight: 2.600159 }
|
|
];
|
|
}
|
|
else if (kIsLinux) {
|
|
// XXX mnakano: I got following metrics on my Ubuntu 8.10. However, on
|
|
// tinderbox machines, they are different. Probably, the values depend on
|
|
// the version of FreeType and Pango. I bet we cannot test this on Linux
|
|
// without the way to get the actual font metrics from javascript.
|
|
gFontMetrics = [
|
|
{ ascent: 13, offset: -1.015625, lineHeight: 1.000000 },
|
|
{ ascent: 18, offset: -1.015625, lineHeight: 1.000000 },
|
|
{ ascent: 26, offset: -2.031250, lineHeight: 1.000000 },
|
|
{ ascent: 35, offset: -2.031250, lineHeight: 1.600003 },
|
|
{ ascent: 42, offset: -3.300781, lineHeight: 1.040001 },
|
|
{ ascent: 56, offset: -3.300781, lineHeight: 2.600002 }
|
|
];
|
|
}
|
|
*/
|
|
else {
|
|
todo(false, "This test is not supported on this platform.");
|
|
}
|
|
|
|
const kUnderlineStyles = [
|
|
{ color: "rgb(100%, 0%, 0%)", isIMESelection: false },
|
|
{ color: "rgb( 0%,100%, 0%)", isIMESelection: true },
|
|
{ color: "rgb( 0%, 0%,100%)", isIMESelection: true },
|
|
{ color: "rgb(100%,100%, 0%)", isIMESelection: true },
|
|
{ color: "rgb( 0%,100%,100%)", isIMESelection: true }
|
|
];
|
|
|
|
var gDefaultFontSizeIndex = 0;
|
|
const kDefaultFontSizes = [ 16, 20, 21, 50 ];
|
|
|
|
function computeSpellcheckerUnderlineSize(aFontMetrics)
|
|
{
|
|
var fontSize = Math.min(aFontMetrics.emHeight,
|
|
kDefaultFontSizes[gDefaultFontSizeIndex - 1]);
|
|
fontSize = Math.max(fontSize, 1);
|
|
return Math.ceil(fontSize / 20);
|
|
}
|
|
|
|
function drawSelectionDecorationLines(aDocument, aStyle, aRelativeSize)
|
|
{
|
|
var index = 0;
|
|
for (var i = 0; i < kUnderlineStyles.length; i++) {
|
|
var underlineStyle = kUnderlineStyles[i];
|
|
for (var j = 0; j < gFontMetrics.length; j++) {
|
|
var fontMetrics = gFontMetrics[j];
|
|
var element = aDocument.getElementById("t" + index++);
|
|
var pt = { x: element.getBoundingClientRect().left,
|
|
y: element.getBoundingClientRect().top };
|
|
var width = 120;
|
|
var lineHeight;
|
|
if (underlineStyle.isIMESelection) {
|
|
pt.x += 1;
|
|
width -= 1;
|
|
lineHeight = fontMetrics.lineHeight;
|
|
} else {
|
|
// see bug 486735.
|
|
lineHeight = computeSpellcheckerUnderlineSize(fontMetrics);
|
|
}
|
|
drawDecorationLine(aDocument, underlineStyle.color, pt,
|
|
{ width: width, height: lineHeight * aRelativeSize },
|
|
fontMetrics.ascent, fontMetrics.offset, aStyle,
|
|
fontMetrics.descentLimit);
|
|
}
|
|
}
|
|
}
|
|
|
|
RemoteCanvas.prototype.remotePageLoaded = function(callback) {
|
|
var ldrFrame = document.getElementById(this.id);
|
|
if (this.isReference) {
|
|
var doc = ldrFrame.contentDocument;
|
|
drawSelectionDecorationLines(doc, this.underlineStyle,
|
|
this.underlineRelativeSize);
|
|
doc.documentElement.removeAttribute("class");
|
|
}
|
|
this.snapshot = snapshotWindow(ldrFrame.contentWindow);
|
|
callback(this);
|
|
};
|
|
|
|
var gPrefs = [
|
|
{
|
|
name: "ui.SpellCheckerUnderline",
|
|
type: "char",
|
|
newValue: "#ff0000"
|
|
},
|
|
{
|
|
name: "ui.IMERawInputBackground",
|
|
type: "char",
|
|
newValue: "#ffffff"
|
|
},
|
|
{
|
|
name: "ui.IMERawInputForeground",
|
|
type: "char",
|
|
newValue: "#000000"
|
|
},
|
|
{
|
|
name: "ui.IMERawInputUnderline",
|
|
type: "char",
|
|
newValue: "#00ff00"
|
|
},
|
|
{
|
|
name: "ui.IMESelectedRawTextBackground",
|
|
type: "char",
|
|
newValue: "#ffffff"
|
|
},
|
|
{
|
|
name: "ui.IMESelectedRawTextForeground",
|
|
type: "char",
|
|
newValue: "#000000"
|
|
},
|
|
{
|
|
name: "ui.IMESelectedRawTextUnderline",
|
|
type: "char",
|
|
newValue: "#0000ff"
|
|
},
|
|
{
|
|
name: "ui.IMEConvertedTextBackground",
|
|
type: "char",
|
|
newValue: "#ffffff"
|
|
},
|
|
{
|
|
name: "ui.IMEConvertedTextForeground",
|
|
type: "char",
|
|
newValue: "#000000"
|
|
},
|
|
{
|
|
name: "ui.IMEConvertedTextUnderline",
|
|
type: "char",
|
|
newValue: "#ffff00"
|
|
},
|
|
{
|
|
name: "ui.IMESelectedConvertedTextBackground",
|
|
type: "char",
|
|
newValue: "#ffffff"
|
|
},
|
|
{
|
|
name: "ui.IMESelectedConvertedTextForeground",
|
|
type: "char",
|
|
newValue: "#000000"
|
|
},
|
|
{
|
|
name: "ui.IMESelectedConvertedTextUnderline",
|
|
type: "char",
|
|
newValue: "#00ffff"
|
|
},
|
|
{
|
|
name: "ui.SpellCheckerUnderlineStyle",
|
|
type: "int",
|
|
newValue: 0
|
|
},
|
|
{
|
|
name: "ui.IMERawInputUnderlineStyle",
|
|
type: "int",
|
|
newValue: 0
|
|
},
|
|
{
|
|
name: "ui.IMESelectedRawTextUnderlineStyle",
|
|
type: "int",
|
|
newValue: 0
|
|
},
|
|
{
|
|
name: "ui.IMEConvertedTextUnderlineStyle",
|
|
type: "int",
|
|
newValue: 0
|
|
},
|
|
{
|
|
name: "ui.IMESelectedConvertedTextUnderlineStyle",
|
|
type: "int",
|
|
newValue: 0
|
|
},
|
|
{
|
|
name: "ui.SpellCheckerUnderlineRelativeSize",
|
|
type: "float",
|
|
newValue: 1.0
|
|
},
|
|
{
|
|
name: "ui.IMEUnderlineRelativeSize",
|
|
type: "float",
|
|
newValue: 1.0
|
|
}
|
|
];
|
|
|
|
function setPrefValue(aPrefs, aName, aType, aValue)
|
|
{
|
|
if (aType == "char")
|
|
aPrefs.setCharPref(aName, aValue);
|
|
else if (aType == "int")
|
|
aPrefs.setIntPref(aName, aValue);
|
|
else if (aType == "float")
|
|
aPrefs.setIntPref(aName, aValue * 100);
|
|
}
|
|
|
|
const kPrefStyles = [ 0, 3, 1, 2, 4, 5 ];
|
|
|
|
var gTests = [
|
|
{ size: 1.0, style: kDecorationStyleNone },
|
|
{ size: 1.0, style: kDecorationStyleSolid },
|
|
{ size: 1.0, style: kDecorationStyleDotted },
|
|
{ size: 1.0, style: kDecorationStyleDashed },
|
|
{ size: 1.0, style: kDecorationStyleDouble },
|
|
{ size: 1.0, style: kDecorationStyleWavy },
|
|
{ size: 2.0, style: kDecorationStyleNone },
|
|
{ size: 2.0, style: kDecorationStyleSolid },
|
|
{ size: 2.0, style: kDecorationStyleDotted },
|
|
{ size: 2.0, style: kDecorationStyleDashed },
|
|
{ size: 2.0, style: kDecorationStyleDouble },
|
|
{ size: 2.0, style: kDecorationStyleWavy }
|
|
];
|
|
|
|
var gTestingIndex = 0;
|
|
|
|
function run()
|
|
{
|
|
if (gTestingIndex == gTests.length) {
|
|
if (gDefaultFontSizeIndex == kDefaultFontSizes.length) {
|
|
SimpleTest.finish();
|
|
cleanup();
|
|
return;
|
|
}
|
|
gTestingIndex = 0;
|
|
}
|
|
|
|
netscape.security.PrivilegeManager.enablePrivilege(
|
|
'UniversalPreferencesRead UniversalPreferencesWrite UniversalXPConnect');
|
|
|
|
var prefs = Components.classes["@mozilla.org/preferences-service;1"]
|
|
.getService(Components.interfaces.nsIPrefBranch);
|
|
|
|
if (gTestingIndex == 0) {
|
|
prefs.setIntPref("font.size.variable.x-western",
|
|
kDefaultFontSizes[gDefaultFontSizeIndex++]);
|
|
}
|
|
|
|
var test = gTests[gTestingIndex++];
|
|
|
|
setPrefValue(prefs, "ui.SpellCheckerUnderlineRelativeSize", "float",
|
|
test.size);
|
|
setPrefValue(prefs, "ui.IMEUnderlineRelativeSize", "float",
|
|
test.size);
|
|
setPrefValue(prefs, "ui.SpellCheckerUnderlineStyle", "int",
|
|
kPrefStyles[test.style]);
|
|
setPrefValue(prefs, "ui.IMERawInputUnderlineStyle", "int",
|
|
kPrefStyles[test.style]);
|
|
setPrefValue(prefs, "ui.IMESelectedRawTextUnderlineStyle", "int",
|
|
kPrefStyles[test.style]);
|
|
setPrefValue(prefs, "ui.IMEConvertedTextUnderlineStyle", "int",
|
|
kPrefStyles[test.style]);
|
|
setPrefValue(prefs, "ui.IMESelectedConvertedTextUnderlineStyle", "int",
|
|
kPrefStyles[test.style]);
|
|
|
|
doTest(test.style, test.size);
|
|
}
|
|
|
|
function doTest(aStyle, aSize)
|
|
{
|
|
|
|
var canvases = [];
|
|
function callbackTestCanvas(canvas)
|
|
{
|
|
canvases.push(canvas);
|
|
|
|
if (canvases.length != 2)
|
|
return;
|
|
|
|
var result = !canvases[0].isReference ? canvases[0] : canvases[1];
|
|
var reference = canvases[0].isReference ? canvases[0] : canvases[1];
|
|
|
|
// when both canvases are loaded
|
|
ok(result.compare(reference, true),
|
|
"Rendering of reftest (style: " + kStyleNames[aStyle] +
|
|
", size: " + aSize + ", default font size: " +
|
|
kDefaultFontSizes[gDefaultFontSizeIndex - 1] + ") is different\n" +
|
|
"RESULT=" + result.snapshotDataURL + "\n" +
|
|
"REFERENCE=" + reference.snapshotDataURL + "\n");
|
|
|
|
var iframe = window.document.getElementById(canvases[0].id);
|
|
iframe.parentNode.removeChild(iframe);
|
|
iframe = window.document.getElementById(canvases[1].id);
|
|
iframe.parentNode.removeChild(iframe);
|
|
|
|
canvases = [];
|
|
|
|
setTimeout(run, 0);
|
|
}
|
|
|
|
var testCanvas = new RemoteCanvas("frame_selection_underline.xhtml",
|
|
false, aStyle, aSize);
|
|
testCanvas.load(callbackTestCanvas);
|
|
|
|
var refFile = "frame_selection_underline-ref.xhtml";
|
|
var refCanvas = new RemoteCanvas(refFile, true, aStyle, aSize);
|
|
refCanvas.load(callbackTestCanvas);
|
|
}
|
|
|
|
function onLoad()
|
|
{
|
|
if (gFontMetrics.length == 0) {
|
|
SimpleTest.finish();
|
|
return;
|
|
}
|
|
|
|
netscape.security.PrivilegeManager.enablePrivilege(
|
|
'UniversalPreferencesRead UniversalPreferencesWrite UniversalXPConnect');
|
|
|
|
var prefs = Components.classes["@mozilla.org/preferences-service;1"]
|
|
.getService(Components.interfaces.nsIPrefBranch);
|
|
|
|
for (var i = 0; i < gPrefs.length; i++) {
|
|
gPrefs[i].wasUserSetValue = prefs.prefHasUserValue(gPrefs[i].name);
|
|
if (gPrefs[i].wasUserSetValue) {
|
|
if (gPrefs[i].type == "char")
|
|
gPrefs[i].oldValue = prefs.getCharPref(gPrefs[i].name);
|
|
else if (gPrefs[i].type == "int")
|
|
gPrefs[i].oldValue = prefs.getIntPref(gPrefs[i].name);
|
|
else if (gPrefs[i].type == "float")
|
|
gPrefs[i].oldValue = prefs.getIntPref(gPrefs[i].name) / 100;
|
|
}
|
|
setPrefValue(prefs, gPrefs[i].name, gPrefs[i].type, gPrefs[i].newValue);
|
|
}
|
|
|
|
run();
|
|
}
|
|
|
|
function cleanup()
|
|
{
|
|
netscape.security.PrivilegeManager.enablePrivilege(
|
|
'UniversalPreferencesRead UniversalPreferencesWrite UniversalXPConnect');
|
|
|
|
var prefs = Components.classes["@mozilla.org/preferences-service;1"]
|
|
.getService(Components.interfaces.nsIPrefBranch);
|
|
|
|
if (prefs.prefHasUserValue("font.size.variable.x-western"))
|
|
prefs.clearUserPref("font.size.variable.x-western");
|
|
|
|
for (var i = 0; i < gPrefs.length; i++) {
|
|
if (gPrefs[i].wasUserSetValue)
|
|
setPrefValue(prefs, gPrefs[i].name, gPrefs[i].type, gPrefs[i].oldValue);
|
|
else if (prefs.prefHasUserValue(gPrefs[i].name))
|
|
prefs.clearUserPref(gPrefs[i].name);
|
|
}
|
|
}
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body onload="onLoad();">
|
|
|
|
<pre id="test">
|
|
</pre>
|
|
|
|
</body>
|
|
</html>
|