products/Sources/formale Sprachen/C/Firefox/accessible/tests/mochitest/textattrs/test_general.html
<
html >
<
head >
<
title >Text attributes tests</
title >
<
meta charset=
"utf-8" >
<
link rel=
"stylesheet" href=
"chrome://mochikit/content/tests/SimpleTest/test.css" />
<
style >
.gencontent:before { content:
"*" ; }
.gencontent:after { content:
"*" ; }
</
style >
<
script src=
"chrome://mochikit/content/tests/SimpleTest/SimpleTest.js" ></
script >
<
script src=
"../common.js" ></
script >
<
script src=
"../attributes.js" ></
script >
<
script src=
"../events.js" ></
script >
<
script >
var gComputedStyle = null;
function doTest() {
// ////////////////////////////////////////////////////////////////////////
// area1
var ID =
"area1" ;
var defAttrs = buildDefaultTextAttrs(ID,
"10pt" );
testDefaultTextAttrs(ID, defAttrs);
var attrs = {};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 7);
attrs = {
"font-weight" : kBoldFontWeight };
testTextAttrs(ID, 7, attrs, defAttrs, 7, 11);
attrs = {};
testTextAttrs(ID, 12, attrs, defAttrs, 11, 18);
// ////////////////////////////////////////////////////////////////////////
// area2
ID =
"area2" ;
defAttrs = buildDefaultTextAttrs(ID,
"14pt" );
testDefaultTextAttrs(ID, defAttrs);
attrs = {};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 7);
attrs = {
"font-weight" : kBoldFontWeight };
testTextAttrs(ID, 7, attrs, defAttrs, 7, 12);
var tempElem = getNode(ID).firstChild.nextSibling.firstChild.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"font-style" : gComputedStyle.fontStyle,
"font-weight" : kBoldFontWeight };
testTextAttrs(ID, 13, attrs, defAttrs, 12, 19);
attrs = {
"font-weight" : kBoldFontWeight };
testTextAttrs(ID, 20, attrs, defAttrs, 19, 23);
attrs = {};
testTextAttrs(ID, 24, attrs, defAttrs, 23, 30);
// ////////////////////////////////////////////////////////////////////////
// area3
ID =
"area3" ;
defAttrs = buildDefaultTextAttrs(ID,
"12pt" );
testDefaultTextAttrs(ID, defAttrs);
tempElem = getNode(ID).firstChild.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 6);
tempElem = tempElem.firstChild.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color};
testTextAttrs(ID, 6, attrs, defAttrs, 6, 26);
tempElem = tempElem.parentNode;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color};
testTextAttrs(ID, 26, attrs, defAttrs, 26, 27);
tempElem = tempElem.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color,
"background-color" : gComputedStyle.backgroundColor};
testTextAttrs(ID, 27, attrs, defAttrs, 27, 50);
// ////////////////////////////////////////////////////////////////////////
// area4
ID =
"area4" ;
defAttrs = buildDefaultTextAttrs(ID,
"12pt" );
testDefaultTextAttrs(ID, defAttrs);
tempElem = getNode(ID).firstChild.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 16);
tempElem = tempElem.nextSibling.firstChild.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color};
testTextAttrs(ID, 16, attrs, defAttrs, 16, 33);
tempElem = tempElem.parentNode;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color};
testTextAttrs(ID, 34, attrs, defAttrs, 33, 46);
// ////////////////////////////////////////////////////////////////////////
// area5:
"Green!*!RedNormal"
ID =
"area5" ;
defAttrs = buildDefaultTextAttrs(ID,
"12pt" );
testDefaultTextAttrs(ID, defAttrs);
// Green
tempElem = getNode(ID).firstChild.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 5);
//
br
attrs = {};
testTextAttrs(ID, 5, attrs, defAttrs, 5, 6);
//
img , embedded accessible, no attributes
attrs = {};
testTextAttrs(ID, 6, attrs, {}, 6, 7);
//
br
attrs = {};
testTextAttrs(ID, 7, attrs, defAttrs, 7, 8);
// Red
tempElem = tempElem.nextSibling.nextSibling.nextSibling.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"color" : gComputedStyle.color};
testTextAttrs(ID, 9, attrs, defAttrs, 8, 11);
// Normal
attrs = {};
testTextAttrs(ID, 11, attrs, defAttrs, 11, 18);
// ////////////////////////////////////////////////////////////////////////
// area6 (CSS vertical-align property, refer to bug 445938 for
details
// and
sup and
sub elements, refer to bug 735645 for
details )
ID =
"area6" ;
defAttrs = buildDefaultTextAttrs(ID,
"12pt" );
testDefaultTextAttrs(ID, defAttrs);
attrs = {};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 5);
// Embedded
object (
sup ) has no attributes but takes up one character.
testTextAttrs(ID, 5, {}, {}, 5, 6);
attrs = {};
testTextAttrs(ID, 6, attrs, defAttrs, 6, 20);
attrs = {
"text-position" :
"super" };
testTextAttrs(ID, 20, attrs, defAttrs, 20, 28);
attrs = {};
testTextAttrs(ID, 28, attrs, defAttrs, 28, 32);
// Embedded
object (
sub ) has no attributes but takes up one character.
testTextAttrs(ID, 32, {}, {}, 32, 33);
attrs = {};
testTextAttrs(ID, 33, attrs, defAttrs, 33, 38);
attrs = {
"text-position" :
"sub" };
testTextAttrs(ID, 38, attrs, defAttrs, 38, 47);
attrs = {};
testTextAttrs(ID, 47, attrs, defAttrs, 47, 52);
attrs = {
"text-position" :
"super" };
testTextAttrs(ID, 52, attrs, defAttrs, 52, 67);
attrs = {};
testTextAttrs(ID, 67, attrs, defAttrs, 67, 72);
attrs = {
"text-position" :
"sub" };
testTextAttrs(ID, 72, attrs, defAttrs, 72, 85);
attrs = {};
testTextAttrs(ID, 85, attrs, defAttrs, 85, 90);
attrs = {
"text-position" :
"super" };
testTextAttrs(ID, 90, attrs, defAttrs, 90, 106);
attrs = {};
testTextAttrs(ID, 106, attrs, defAttrs, 106, 111);
attrs = {
"text-position" :
"sub" };
testTextAttrs(ID, 111, attrs, defAttrs, 111, 125);
// ////////////////////////////////////////////////////////////////////////
// area7
ID =
"area7" ;
defAttrs = buildDefaultTextAttrs(ID,
"12pt" );
defAttrs.language =
"en" ;
testDefaultTextAttrs(ID, defAttrs);
attrs = {
"language" :
"ru" };
testTextAttrs(ID, 0, attrs, defAttrs, 0, 6);
attrs = {};
testTextAttrs(ID, 6, attrs, defAttrs, 6, 7);
tempElem = getNode(ID).firstChild.nextSibling.nextSibling.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {
"background-color" : gComputedStyle.backgroundColor};
testTextAttrs(ID, 13, attrs, defAttrs, 7, 20);
attrs = {};
testTextAttrs(ID, 20, attrs, defAttrs, 20, 21);
attrs = {
"language" :
"de" };
testTextAttrs(ID, 21, attrs, defAttrs, 21, 36);
attrs = {};
testTextAttrs(ID, 36, attrs, defAttrs, 36, 44);
attrs = {};
testTextAttrs(ID, 37, attrs, defAttrs, 36, 44);
tempElem = tempElem.nextSibling.nextSibling.nextSibling.nextSibling.firstChild.nex
tSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {"color" : gComputedStyle.color};
testTextAttrs(ID, 44, attrs, defAttrs, 44, 51);
tempElem = tempElem.firstChild.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {"font-weight" : kBoldFontWeight,
"color" : gComputedStyle.color};
testTextAttrs(ID, 51, attrs, defAttrs, 51, 55);
tempElem = tempElem.parentNode;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {"color" : gComputedStyle.color};
testTextAttrs(ID, 55, attrs, defAttrs, 55, 62);
// ////////////////////////////////////////////////////////////////////////
// area9, different single style spans in styled paragraph
ID = "area9" ;
defAttrs = buildDefaultTextAttrs(ID, "10pt" );
testDefaultTextAttrs(ID, defAttrs);
attrs = {};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 6);
attrs = { "font-size" : "12pt" };
testTextAttrs(ID, 7, attrs, defAttrs, 6, 12);
attrs = {};
testTextAttrs(ID, 13, attrs, defAttrs, 12, 21);
// Walk to the span with the different background color
tempElem = getNode(ID).firstChild.nextSibling.nextSibling.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = { "background-color" : gComputedStyle.backgroundColor };
testTextAttrs(ID, 22, attrs, defAttrs, 21, 36);
attrs = {};
testTextAttrs(ID, 37, attrs, defAttrs, 36, 44);
// Walk from the background color span to the one with font-style
tempElem = tempElem.nextSibling.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = { "font-style" : gComputedStyle.fontStyle };
testTextAttrs(ID, 45, attrs, defAttrs, 44, 61);
attrs = {};
testTextAttrs(ID, 62, attrs, defAttrs, 61, 69);
// Walk from span with font-style to the one with font-family.
tempElem = tempElem.nextSibling.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = { "font-family" : kMonospaceFontFamily };
testTextAttrs(ID, 70, attrs, defAttrs, 69, 83);
attrs = {};
testTextAttrs(ID, 84, attrs, defAttrs, 83, 91);
attrs = {
"text-underline-style" : "solid" ,
"text-underline-color" : gComputedStyle.color,
};
testTextAttrs(ID, 92, attrs, defAttrs, 91, 101);
attrs = {};
testTextAttrs(ID, 102, attrs, defAttrs, 101, 109);
attrs = {
"text-line-through-style" : "solid" ,
"text-line-through-color" : gComputedStyle.color,
};
testTextAttrs(ID, 110, attrs, defAttrs, 109, 122);
attrs = {};
testTextAttrs(ID, 123, attrs, defAttrs, 122, 130);
attrs = {
"text-line-through-style" : "solid" ,
"text-line-through-color" : gComputedStyle.color,
};
testTextAttrs(ID, 131, attrs, defAttrs, 130, 143);
attrs = {};
testTextAttrs(ID, 144, attrs, defAttrs, 143, 151);
// ////////////////////////////////////////////////////////////////////////
// area10, different single style spans in non-styled paragraph
ID = "area10" ;
defAttrs = buildDefaultTextAttrs(ID, "12pt" );
testDefaultTextAttrs(ID, defAttrs);
attrs = {};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 7);
attrs = { "font-size" : "14pt" };
testTextAttrs(ID, 7, attrs, defAttrs, 7, 13);
attrs = {};
testTextAttrs(ID, 13, attrs, defAttrs, 13, 22);
// Walk to the span with the different background color
tempElem = getNode(ID).firstChild.nextSibling.nextSibling.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = { "background-color" : gComputedStyle.backgroundColor };
testTextAttrs(ID, 23, attrs, defAttrs, 22, 37);
attrs = {};
testTextAttrs(ID, 38, attrs, defAttrs, 37, 45);
// Walk from the background color span to the one with font-style
tempElem = tempElem.nextSibling.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = {"font-style" : gComputedStyle.fontStyle};
testTextAttrs(ID, 46, attrs, defAttrs, 45, 62);
attrs = {};
testTextAttrs(ID, 63, attrs, defAttrs, 62, 70);
// Walk from span with font-style to the one with font-family.
tempElem = tempElem.nextSibling.nextSibling;
gComputedStyle = document.defaultView.getComputedStyle(tempElem);
attrs = { "font-family" : kMonospaceFontFamily };
testTextAttrs(ID, 71, attrs, defAttrs, 70, 84);
attrs = {};
testTextAttrs(ID, 85, attrs, defAttrs, 84, 92);
attrs = {
"text-underline-style" : "solid" ,
"text-underline-color" : gComputedStyle.color,
};
testTextAttrs(ID, 93, attrs, defAttrs, 92, 102);
attrs = {};
testTextAttrs(ID, 103, attrs, defAttrs, 102, 110);
attrs = {
"text-line-through-style" : "solid" ,
"text-line-through-color" : gComputedStyle.color,
};
testTextAttrs(ID, 111, attrs, defAttrs, 110, 123);
attrs = {};
testTextAttrs(ID, 124, attrs, defAttrs, 123, 131);
// ////////////////////////////////////////////////////////////////////////
// area11, "font-weight" tests
ID = "area11" ;
defAttrs = buildDefaultTextAttrs(ID, "12pt" , kBoldFontWeight);
testDefaultTextAttrs(ID, defAttrs);
attrs = { };
testTextAttrs(ID, 0, attrs, defAttrs, 0, 13);
attrs = { "font-weight" : kNormalFontWeight };
testTextAttrs(ID, 13, attrs, defAttrs, 13, 20);
attrs = { };
testTextAttrs(ID, 20, attrs, defAttrs, 20, 27);
attrs = { "font-weight" : kNormalFontWeight };
testTextAttrs(ID, 27, attrs, defAttrs, 27, 33);
attrs = { };
testTextAttrs(ID, 33, attrs, defAttrs, 33, 51);
attrs = { "font-weight" : kNormalFontWeight };
testTextAttrs(ID, 51, attrs, defAttrs, 51, 57);
attrs = { };
testTextAttrs(ID, 57, attrs, defAttrs, 57, 97);
// ////////////////////////////////////////////////////////////////////////
// test out of range offset
testTextAttrsWrongOffset("area12" , -1);
testTextAttrsWrongOffset("area12" , 500);
// ////////////////////////////////////////////////////////////////////////
// test zero offset on empty hypertext accessibles
ID = "area13" ;
defAttrs = buildDefaultTextAttrs(ID, "12pt" );
attrs = { };
testTextAttrs(ID, 0, attrs, defAttrs, 0, 0);
ID = "area14" ;
defAttrs = buildDefaultTextAttrs(ID, kInputFontSize,
kNormalFontWeight, kInputFontFamily);
attrs = { };
testTextAttrs(ID, 0, attrs, defAttrs, 0, 0);
// ////////////////////////////////////////////////////////////////////////
// area15, embed char tests, "*plain*plain**bold*bold*"
ID = "area15" ;
defAttrs = buildDefaultTextAttrs(ID, "12pt" );
// p
testTextAttrs(ID, 0, { }, { }, 0, 1);
// plain
testTextAttrs(ID, 1, { }, defAttrs, 1, 6);
// p
testTextAttrs(ID, 6, { }, { }, 6, 7);
// plain
testTextAttrs(ID, 7, { }, defAttrs, 7, 12);
// p and img
testTextAttrs(ID, 12, { }, { }, 12, 14);
// bold
attrs = { "font-weight" : kBoldFontWeight };
testTextAttrs(ID, 14, attrs, defAttrs, 14, 18);
// p
testTextAttrs(ID, 18, { }, { }, 18, 19);
// bold
attrs = { "font-weight" : kBoldFontWeight };
testTextAttrs(ID, 19, attrs, defAttrs, 19, 23);
// p
testTextAttrs(ID, 23, { }, { }, 23, 24);
// ////////////////////////////////////////////////////////////////////////
// area16, "font-family" tests
ID = "area16" ;
defAttrs = buildDefaultTextAttrs(ID, "12pt" );
testDefaultTextAttrs(ID, defAttrs);
attrs = { "font-family" : kMonospaceFontFamily };
testTextAttrs(ID, 0, attrs, defAttrs, 0, 4);
attrs = { };
testTextAttrs(ID, 4, attrs, defAttrs, 4, 9);
attrs = { "font-family" : kSerifFontFamily };
testTextAttrs(ID, 9, attrs, defAttrs, 9, 13);
attrs = { };
testTextAttrs(ID, 13, attrs, defAttrs, 13, 18);
attrs = { "font-family" : kAbsentFontFamily };
testTextAttrs(ID, 18, attrs, defAttrs, 18, 22);
// bug 1224498 - this fails with 'cursive' fontconfig lookup
if (!LINUX) {
attrs = { };
testTextAttrs(ID, 22, attrs, defAttrs, 22, 27);
attrs = { "font-family" : kCursiveFontFamily };
testTextAttrs(ID, 27, attrs, defAttrs, 27, 31);
attrs = { };
testTextAttrs(ID, 31, attrs, defAttrs, 31, 45);
}
// ////////////////////////////////////////////////////////////////////////
// area17, "text-decoration" tests
ID = "area17" ;
defAttrs = buildDefaultTextAttrs(ID, "12pt" );
testDefaultTextAttrs(ID, defAttrs);
attrs = {
"text-underline-style" : "solid" ,
"text-underline-color" : getSystemColor("CanvasText" ),
};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 10);
attrs = {
"text-underline-style" : "solid" ,
"text-underline-color" : "rgb(0, 0, 255)" ,
};
testTextAttrs(ID, 10, attrs, defAttrs, 10, 15);
attrs = {
"text-underline-style" : "dotted" ,
"text-underline-color" : getSystemColor("CanvasText" ),
};
testTextAttrs(ID, 15, attrs, defAttrs, 15, 22);
attrs = {
"text-line-through-style" : "solid" ,
"text-line-through-color" : getSystemColor("CanvasText" ),
};
testTextAttrs(ID, 22, attrs, defAttrs, 22, 34);
attrs = {
"text-line-through-style" : "solid" ,
"text-line-through-color" : "rgb(0, 0, 255)" ,
};
testTextAttrs(ID, 34, attrs, defAttrs, 34, 39);
attrs = {
"text-line-through-style" : "wavy" ,
"text-line-through-color" : getSystemColor("CanvasText" ),
};
testTextAttrs(ID, 39, attrs, defAttrs, 39, 44);
// ////////////////////////////////////////////////////////////////////////
// area18, "auto-generation text" tests
ID = "area18" ;
defAttrs = buildDefaultTextAttrs(ID, "12pt" );
testDefaultTextAttrs(ID, defAttrs);
attrs = {
"auto-generated" : "true" ,
"font-family" : "-moz-bullet-font" ,
};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 2);
testTextAttrs(ID, 3, { }, defAttrs, 3, 7);
attrs = {
"auto-generated" : "true" ,
};
testTextAttrs(ID, 7, attrs, defAttrs, 7, 8);
// ////////////////////////////////////////////////////////////////////////
// area19, "HTML5 mark tag" test
// text enclosed in mark tag will have a different background color
// However, since bug 982125, it is its own accessible.
// Therefore, anything other than the default background color is
// unexpected.
ID = "area19" ;
defAttrs = buildDefaultTextAttrs(ID, "12pt" );
attrs = {};
testTextAttrs(ID, 0, attrs, defAttrs, 0, 10);
ID = "area19mark" ;
let defMarkAttrs = buildDefaultTextAttrs(ID, "12pt" );
attrs = {};
testTextAttrs(ID, 0, attrs, defMarkAttrs, 0, 7);
ID = "area19" ;
attrs = {};
testTextAttrs(ID, 11, attrs, defAttrs, 11, 22);
// ////////////////////////////////////////////////////////////////////////
// area20, "aOffset as -1 (Mozilla Bug 789621)" test
ID = "area20" ;
defAttrs = buildDefaultTextAttrs(ID, "15pt" );
testDefaultTextAttrs(ID, defAttrs);
testTextAttrs(ID, -1, {}, defAttrs, 0, 11);
// ////////////////////////////////////////////////////////////////////////
// HTML sub tag offset test - verify attributes
ID = "sub_tag" ;
defAttrs = buildDefaultTextAttrs(ID, "10pt" );
defAttrs["text-position" ] = "sub" ;
testDefaultTextAttrs(ID, defAttrs);
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
// ////////////////////////////////////////////////////////////////////////
// HTML sup tag offset test - verify attributes
ID = "sup_tag" ;
defAttrs = buildDefaultTextAttrs(ID, "10pt" );
defAttrs["text-position" ] = "super" ;
testDefaultTextAttrs(ID, defAttrs);
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
// ////////////////////////////////////////////////////////////////////////
// ARIA subscript role - verify text-position attribute
ID = "subscript_role" ;
defAttrs = { "text-position" : "sub" };
testDefaultTextAttrs(ID, defAttrs, true);
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
// ////////////////////////////////////////////////////////////////////////
// ARIA superscript role - verify text-position attribute
ID = "superscript_role" ;
defAttrs = { "text-position" : "super" };
testDefaultTextAttrs(ID, defAttrs, true);
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
// ////////////////////////////////////////////////////////////////////////
// test text-position attributes in various situations
ID = "superscript_role_in_div" ;
defAttrs = { "text-position" : "super" };
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
ID = "sub_within_superscript_role" ;
defAttrs = { "text-position" : "sub" };
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
ID = "sup_within_subscript_role" ;
defAttrs = { "text-position" : "super" };
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
ID = "sub_within_sup" ;
defAttrs = { "text-position" : "sub" };
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
ID = "sup_within_sub" ;
defAttrs = { "text-position" : "super" };
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
ID = "css_sub_within_superscript_role" ;
attrs = { "text-position" : "sub" };
testTextAttrs(ID, 0, attrs, {}, 0, 11, true);
ID = "css_super_within_subscript_role" ;
attrs = { "text-position" : "super" };
testTextAttrs(ID, 0, attrs, {}, 0, 11, true);
ID = "sub_with_superscript_role" ;
defAttrs = { "text-position" : "super" };
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
ID = "sup_with_subscript_role" ;
defAttrs = { "text-position" : "sub" };
testTextAttrs(ID, 0, {}, defAttrs, 0, 11, true);
SimpleTest.finish();
}
SimpleTest.waitForExplicitFinish();
addA11yLoadEvent(doTest);
</script >
</head >
<body style ="font-size: 12pt" >
<a target="_blank"
href="https://bugzilla.mozilla.org/show_bug.cgi?id=345759 "
title ="Implement text attributes" >
Mozilla Bug 345759
</a>
<a target="_blank"
href="https://bugzilla.mozilla.org/show_bug.cgi?id=473569 "
title ="Restrict text-position to allowed values" >
Mozilla Bug 473569
</a>
<a target="_blank"
href="https://bugzilla.mozilla.org/show_bug.cgi?id=473576 "
title ="font-family text attribute should expose actual font used" >
Mozilla Bug 473576
</a>
<a target="_blank"
href="https://bugzilla.mozilla.org/show_bug.cgi?id=523304 "
title ="expose text-underline-color and text-line-through-color text attributes" >
Mozilla Bug 523304
</a>
<a target="_blank"
href="https://bugzilla.mozilla.org/show_bug.cgi?id=735645 "
title ="expose sub and sup elements in text attributes" >
Mozilla Bug 735645
</a>
<a target="_blank"
href="https://bugzilla.mozilla.org/show_bug.cgi?id=445516 "
title ="Support auto-generated text attribute on bullet lists" >
Mozilla Bug 445516
</a>
<a target="_blank"
href="https://bugzilla.mozilla.org/show_bug.cgi?id=789621 "
title ="getTextAttributes doesn't work with magic offsets" >
Mozilla Bug 789621
</a>
<p id="display" ></p>
<div id="content" style ="display: none" ></div >
<pre id="test" >
</pre >
<p id="area1" style ="font-size: smaller" >Normal <b>Bold</b> Normal</p>
<p id="area2" style ="font-size: 120%" >Normal <b>Bold <i>Italic </i>Bold</b> Normal</p>
<p id="area3" style ="background-color: blue;" >
<span style ="color: green; background-color: rgb(0, 0, 255)" >
Green
<span style ="color: red" >but children are red</span >
</span ><span style ="color: green; background-color: rgb(255, 255, 0);" >
Another green section .
</span >
</p>
<p id="area4" >
<span style ="color: green" >
Green
</span ><span style ="color: green" >
Green too
<span style ="color: red" >with red children</span >
Green again
</span >
</p>
<!-- Green!*!RedNormal-->
<p id="area5" >
<span style ="color: green" >Green</span >
<img src="../moz.png" alt="image" />
<span style ="color: red" >Red</span >Normal
</p>
<p id="area6" >
This <sup >sentence</sup > has the word
<span style ="vertical-align:super;" >sentence</span > in
<sub >superscript</sub > and
<span style ="vertical-align:sub;" >subscript</span > and
<span style ="vertical-align:20%;" >superscript 20%</span > and
<span style ="vertical-align:-20%;" >subscript 20%</span > and
<span style ="vertical-align:20px;" >superscript 20px</span > and
<span style ="vertical-align:-20px;" >subscript 20px</span >
</p>
<p lang="en" id="area7" >
<span lang="ru" >Привет</span >
<span style ="background-color: blue" >Blue BG color</span >
<span lang="de" >Ich bin/Du bist</span >
<span lang="en" >
Normal
<span style ="color: magenta" >Magenta<b>Bold</b>Magenta</span >
</span >
</p>
<p id="area9" style ="font-size: smaller" >Small
<span style ="font-size: 120%" >bigger</span > smaller
<span style ="background-color: blue;" >background blue</span > normal
<span style ="font-style: italic;" >Different styling</span > normal
<span style ="font-family: monospace;" >Different font </span > normal
<span style ="text-decoration: underline;" >underlined</span > normal
<span style ="text-decoration: line-through;" >strikethrough</span > normal
<strike >strikethrough</strike > normal
</p>
<p id="area10" >Normal
<span style ="font-size: 120%" >bigger</span > smaller
<span style ="background-color: blue;" >background blue</span > normal
<span style ="font-style: italic;" >Different styling</span > normal
<span style ="font-family: monospace;" >Different font </span > normal
<span style ="text-decoration: underline;" >underlined</span > normal
<span style ="text-decoration: line-through;" >strikethrough</span > normal
</p>
<p id="area11" style ="font-weight: bolder;" >
<span style ="font-weight: bolder;" >bolder</span >bolder
<span style ="font-weight: lighter;" >lighter</span >bolder
<span style ="font-weight: normal;" >normal</span >bolder
<b>bold</b>bolder
<span style ="font-weight: 400;" >normal</span >bolder
<span style ="font-weight: 700;" >bold</span >bolder
<span style ="font-weight: bold;" >bold</span >bolder
<span style ="font-weight: 900;" >bold</span >bolder
</p>
<p id="area12" >hello</p>
<p id="area13" ></p>
<input id="area14" >
<!-- *plain*plain**bold*bold*-->
<div id="area15" ><p>embed </p>plain<p>embed </p>plain<p>embed </p><img src="../moz.png" alt="image" /><b>bold</b><p>embed </p><b>bold</b><p>embed </p></div >
<p id="area16" style ="font-family: sans-serif;" >
<span style ="font-family: monospace;" >text</span >text
<span style ="font-family: serif;" >text</span >text
<span style ="font-family: BodoniThatDoesntExist;" >text</span >text
<span style ="font-family: Comic Sans MS, cursive;" >text</span >text
<span style ="font-family: sans-serif, fantasy;" >text</span >text
</p>
<p id="area17" >
<span style ="text-decoration-line: underline;" >underline
</span ><span style ="text-decoration: underline; text-decoration-color: blue;" >blue
</span ><span style ="text-decoration: underline; text-decoration-style: dotted;" >dotted
</span ><span style ="text-decoration-line: line-through;" >linethrough
</span ><span style ="text-decoration: line-through; text-decoration-color: blue;" >blue
</span ><span style ="text-decoration: line-through; text-decoration-style: wavy;" >wavy
</span >
</p>
<ul >
<li id="area18" class="gencontent" >item</li >
</ul >
<p id="area19" >uncolored
<mark id="area19mark" >colored</mark > uncolored
</p>
<p id="area20" style ="font-size: 15pt;" >offset test</p>
<!-- subscript, superscript tests -->
<sub id="sub_tag" >offset test</sub >
<sup id="sup_tag" >offset test</sup >
<p id="subscript_role" role="subscript" >offset test</p>
<p id="superscript_role" role="superscript" >offset test</p>
<div ><span id="superscript_role_in_div" role="superscript" >offset test</span ></div >
<p role="superscript" ><sub id="sub_within_superscript_role" >offset test</sub ></p>
<p role="subscript" ><sup id="sup_within_subscript_role" >offset test</sup ></p>
<sup ><sub id="sub_within_sup" >offset test</sub ></sup >
<sub ><sup id="sup_within_sub" >offset test</sup ></sub >
<p id="css_sub_within_superscript_role" role="superscript" ><span style ="vertical-align: sub" >offset test</span ></p>
<p id="css_super_within_subscript_role" role="subscript" ><span style ="vertical-align: super" >offset test</span ></p>
<sub id="sub_with_superscript_role" role="superscript" >offset test</sub >
<sup id="sup_with_subscript_role" role="subscript" >offset test</sup >
</body >
</html >
Messung V0.5 C=93 H=89 G=90
¤ Dauer der Verarbeitung: 0.15 Sekunden
(vorverarbeitet)
¤
*© Formatika GbR, Deutschland