src/third_party/web_platform_tests/svg/import/struct-dom-13-f-manual.svg

<svg id="svg-root" width="100%" height="100%"
  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink" onload="test()">
  <!--======================================================================-->
  <!--=  Copyright 2008 World Wide Web Consortium, (Massachusetts          =-->
  <!--=  Institute of Technology, European Research Consortium for         =-->
  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
  <!--=  All Rights Reserved.                                              =-->
  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  <!--======================================================================-->
  <d:SVGTestCase xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/"
    template-version="1.4" reviewer="[reviewer]" author="ED" status="empty"
    version="$Revision: 1.4 $" testname="$RCSfile: struct-dom-13-f.svg,v $">
    <d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/[chapter]#[section]">
      <p>
        Test for checkIntersection and getIntersectionList.
      </p>
    </d:testDescription>
    <d:operatorScript xmlns="http://www.w3.org/1999/xhtml">
      <p>
        Run the test. No interaction required.
      </p>
    </d:operatorScript>
    <d:passCriteria xmlns="http://www.w3.org/1999/xhtml">
      <p>
        The test passes if 17 green rectangles are displayed and if the legend indicates PASSED.
      </p>
    </d:passCriteria>
  </d:SVGTestCase>
  <title id="test-title">$RCSfile: struct-dom-13-f.svg,v $</title>
  <defs>
    <font-face
      font-family="SVGFreeSansASCII"
      unicode-range="U+0-7F">
      <font-face-src>
        <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
      </font-face-src>
    </font-face>
  </defs>
  <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
	<defs>
		<style type="text/css">
			.passed { fill: lime }
			.failed { fill: red }
			.result { font: 9px monospace; fill: black }
		</style>
	</defs>

	<g visibility="hidden">
		<circle id="c1" cx="40" cy="40" r="10" fill="blue" stroke="lime"/>
		<circle id="c2" cx="10" cy="50" r="10" fill="red" stroke="lime"/>
		<circle id="c3" cx="20" cy="20" r="20" fill="green" stroke="lime"/>
		<line id="l1" x1="5" y1="5" x2="40" y2="20" stroke="black"/>
		<line id="l2" x1="20" y1="20" x2="40" y2="30" stroke="red"/>

		<rect id="r1" x="10" y="10" width="50" height="50" fill="none" stroke="red"/>

		<circle id="c4" cx="80" cy="50" r="10" fill="yellow"/>
	</g>
	
	<script><![CDATA[
	var ypos = 100;
	
	function verify(str, result)
	{
		var g = document.createElementNS("http://www.w3.org/2000/svg", "g");
		var r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
		var t = document.createElementNS("http://www.w3.org/2000/svg", "text");
		t.textContent = str + ": " + (result ? "PASSED" : "FAILED");
		t.setAttribute("class", "result");
		t.setAttribute("x", "10");
		t.setAttribute("y", "7");
		r.setAttribute("y", "1");
		r.setAttribute("width", "5");
		r.setAttribute("height", "5");
		g.setAttribute("class", result ? "passed" : "failed");
		g.appendChild(r);
		g.appendChild(t);
		g.setAttribute("transform", "translate(280 " + ypos + ")");
		ypos += 10;
		document.getElementById("test-body-content").appendChild(g);
	}
		
	function test()
	{
		var root = document.documentElement; //document.getElementById("test-root");
		var rect = root.createSVGRect();
		rect.x = 10;
		rect.y = 10;
		rect.width = 50;
		rect.height = 50;
		
		var tests = { "c1" : true, "c2" : true, "c3" : true, "l1" : true, "l2" : true, "r1" : true, "c4" : false };
		
		verify("checkIntersection", root.checkIntersection);
		
		if(root.checkIntersection)
		{
			for(var test in tests)
			{
				try 
				{
					var elm = document.getElementById(test);
					var result = root.checkIntersection(elm, rect);
				
					verify(test, result == tests[test]);
				} 
				catch(e)
				{
					verify(test, false);
				}
			}
		}
		
		verify("getIntersectionList", root.getIntersectionList);
		
		if(root.getIntersectionList)
		{
			var expected = [ "c1", "c2", "c3", "l1", "l2", "r1" ];
			try 
			{
				var list = root.getIntersectionList(rect, null);
				verify("call", true);
			}
			catch(e)
			{
				verify("call", false);
			}
			
			try
			{
				verify("length", expected.length == list.length);
			}
			catch(e)
			{
				verify("length", false);
			}
			
			for(var i = 0; i < expected.length; i++)
			{
				var elm = document.getElementById(expected[i]);
				try
				{
					verify("has " + expected[i], elm === list.item(i))
				}
				catch(e)
				{
					verify("has " + expected[i], false);
				}
			}
		}
	}

	]]></script>
  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text id="revision" x="10" y="340" stroke="none"
      fill="black">$Revision: 1.4 $</text>
  </g>
  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
  <!-- comment out this watermark once the test is approved -->
  <g id="draft-watermark">
    <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
    <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
      text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
  </g>
</svg>