1<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
2 <title>This test passes if there are six green squares below.</title>
3 <switch>
4 <path class="removeRequiredExtensions" fill="green" d="M0,0 L50,0 L50,50 L0,50 Z" requiredExtensions="http://www.example.com/1234"/>
5 <path fill="red" d="M0,0 L200,0 L200,20 L0,20 Z" />
6 </switch>
7
8 <switch transform="translate(0,150)">
9 <path class="removeRequiredExtensions" fill="green" d="M0,0 L50,0 L50,50 L0,50 Z" requiredExtensions="http://www.example.com/4567"/>
10 </switch>
11
12 <switch transform="translate(0,300)">
13 <path class="addRequiredExtensions" fill="red" d="M0,0 L200,0 L200,20 L0,20 Z" />
14 <path fill="green" d="M0,0 L50,0 L50,50 L0,50 Z" />
15 </switch>
16
17 <g transform="translate(300, 0)">
18 <path class="removeRequiredExtensions" fill="green" d="M0,0 L50,0 L50,50 L0,50 Z" requiredExtensions="http://www.example.com/4567" />
19 </g>
20
21 <g transform="translate(300, 150)">
22 <path class="addRequiredExtensions" fill="red" d="M0,0 L200,0 L200,20 L0,20 Z" />
23 <path fill="green" d="M0,0 L50,0 L50,50 L0,50 Z" />
24 </g>
25
26 <g transform="translate(300, 300)">
27 <g>
28 <path class="addRequiredExtensions" fill="red" d="M0,0 L200,0 L200,20 L0,20 Z" />
29 <path fill="green" d="M0,0 L50,0 L50,50 L0,50 Z" />
30 </g>
31 </g>
32 <script type="text/javascript">
33 <![CDATA[
34 window.addEventListener('load', function(event) {
35 var removeElements = document.getElementsByClassName("removeRequiredExtensions");
36 var addElements = document.getElementsByClassName("addRequiredExtensions");
37
38 for (var i = 0; i < removeElements.length; i++) {
39 removeElements[i].removeAttribute("requiredExtensions");
40 }
41
42 for (var i = 0; i < addElements.length; i++) {
43 addElements[i].setAttribute("requiredExtensions", "http://www.example.com/890");
44 }
45 });
46 ]]>
47 </script>
48</svg>