dynamic-switch-01.svg

Enable keyboard shortcuts

Checkerboard

<?xml version="1.0"?>

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">

	<title>Testcase for dynamic switch changes</title>

	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=409383 -->

	<script>

		function m() {

		var svgns = "http://www.w3.org/2000/svg";

		var rect1 = document.getElementById("rect1");

		rect1.parentNode.removeChild(rect1);

		var rect2a = document.createElementNS(svgns, "rect");

		rect2a.setAttribute("x", "200");

		rect2a.setAttribute("y", "100");

		rect2a.setAttribute("width", "50");

		rect2a.setAttribute("height", "50")

		rect2a.setAttribute("fill", "lime");

		var rect2b = document.getElementById("rect2b");

		rect2b.parentNode.insertBefore(rect2a, rect2b);

		var rect3a = document.getElementById("rect3a");

		var rect3b = document.getElementById("rect3b");

		rect3a.parentNode.insertBefore(rect3a, rect3b);

		var rect4a = document.getElementById("rect4a");

		rect4a.setAttribute("systemLanguage", "foo");

	</script>

	<rect width="100%" height="100%" fill="lime"/>

	<switch>

        <!-- test removing first child -->

		<rect id="rect1" x="50" y="100" width="50" height="50" fill="red"/>

		<rect x="50" y="100" width="50" height="50" fill="lime"/>

		<rect x="50" y="100" width="50" height="50" fill="red"/>

	</switch>

	<switch>

		<!-- test adding first child -->

		<rect id="rect2b" x="200" y="100" width="50" height="50" fill="red"/>

	</switch>

	<switch>

		<!-- test change child order -->

		<rect id="rect3b" x="50" y="200" width="50" height="50" fill="red"/>

		<rect id="rect3a" x="50" y="200" width="50" height="50" fill="lime"/>

	</switch>

	<switch>

		<!-- test change child attribute -->

		<rect id="rect4a" x="200" y="200" width="50" height="50" fill="red"/>

		<rect x="200" y="200" width="50" height="50" fill="lime"/>

	</switch>

</svg>