fabric.js/test/W3C_SVG_12_TinyTestSuite_beta/htmlObjectHarness/struct-use-202-t.html
2010-06-10 11:14:53 -04:00

94 lines
3.7 KiB
HTML
Executable file

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="W3C SVG 1.1 Test Suite testsuite mobile"/>
<meta name="description" content="W3C SVG 1.2 Tiny Test Suite"/>
<title>
SVG 1.2 Tiny test:struct-use-202-t </title>
<style type="text/css">
<!--
.bodytext { font-family:verdana, helvetica, sans-serif; font-size: 12pt; line-height: 125%; text-align: Left; margin-top: 0; margin-bottom: 0 }
.pageTitle { line-height: 150%; font-size: 20pt; font-weight : 900; margin-bottom: 20pt }
.pageSubTitle { color : blue; line-height: 100%; font-size: 24pt; font-weight : 900 }
.openChapter { color : blue; line-height: 125%; font-weight : 900 }
.openSection { color : blue; line-height: 125%; font-weight : 900 }
.info { color : black; line-height: 110%; font-size: 10pt; font-weight : 100 }
p { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
blockquote { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
.opscript {margin-left: 3%; margin-right: 3%; }
.opscript p { margin-top: 0.7em}
.navbar {background: black; color: white; font-weight: bold}
-->
</style>
</head>
<body class="bodytext">
<div class="linkbar">
<p>
<a href="struct-use-202-t.html">Tiny version</a></p>
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/struct.html">5.6 The 'use' element</a></p>
<p>
<a href="struct-use-201-t.html">struct-use-201-t ←</a>
<a href="index.html">index</a>
<a href="struct-use-203-t.html">→ struct-use-203-t</a>
</p></div>
<table align="center" border="0" cellspacing="0" cellpadding="10">
<tr>
<td align="center" colspan="3">
<table border="0" cellpadding="8">
<tr>
<td align="center" colspan="2" class="pageTitle">
<h1>struct-use-202-t</h1>
</td>
</tr>
<tr class="navbar">
<td align="center">
SVG Image
</td>
<td align="center">
PNG Image
</td>
</tr>
<tr>
<td align="right">
<object data="../svggen/struct-use-202-t.svg" width="480" height="360" type="image/svg+xml"><p style="font-size:300%;color:red">FAIL</p></object>
</td>
<td align="left">
<img alt="raster image of struct-use-202-t" src="../png/struct-use-202-t.png" width="480" height="360"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="opscript">
<p>
This test tests the reference restriction B on the use element.
</p>
<p>
A compliant SVG Tiny 1.2 user agent must treat each of the invalid IRI:s as if the xlink:href
attribute hadn't been specified, which is the same as disabling rendering of the use element
in question. Thus for the test to pass the content that the use element tries to reference
must be invisible, the end result should be an empty (white) rect.
</p>
<p>
For a user agent that handles at least SVG 1.1 Basic the testcase has still passed if the referenced
content in the rect that is labelled "B" is visible since this is allowed for 1.1.
If the script in the external resource is executed then the color of the rect will be green.
If not then the rect will be red.
</p>
</div>
<div class="linkbar"> <p>
<a href="struct-use-201-t.html">struct-use-201-t ←</a>
<a href="index.html">index</a>
<a href="struct-use-203-t.html">→ struct-use-203-t</a>
</p></div>
</body>
</html>