WIP: select counter test

test/integration/fixtures/scenario-test.svg

@@ -1,6 +1,6 @@
 <?xml version="1.0" standalone="no"?>
 <svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg">
-  <!-- <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css"/> -->
+  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
   <style>
     g[data-edge="north"] { --i: -2; }
     g[data-edge="south"] { --i: 52; }
@@ -95,8 +95,26 @@
       <g id="shapes"/>
       <g id="lines"/>
     </g>
-    <g class="grid"/>
+    <g class="grid">
+      <g data-y="0">
+        <g data-x="0"><use href="#hex"/></g>
+        <g data-x="1"><use href="#hex"/></g>
+        <g data-x="2"><use href="#hex"/></g>
+      </g>
+      <g data-y="1">
+        <g data-x="0"><use href="#hex"/></g>
+        <g data-x="1"><use href="#hex"/>
+          <g class="counter" data-allegiance="attacker" data-number="1"><use href="#counter-base"/><use class="troop-number" href="#t-2"/><use class="squad-number" href="#t-1"/><use class="primary-weapon" href="#rifle"/></g>
+        </g>
+        <g data-x="2"><use href="#hex"/></g>
+      </g>
+      <g data-y="2">
+        <g data-x="0"><use href="#hex"/></g>
+        <g data-x="1"><use href="#hex"/></g>
+        <g data-x="2"><use href="#hex"/></g>
+      </g>
+    </g>
   </g>
 
-  <script data-cols="10" data-rows="10"></script>
+  <script href="../../map.js"></script>
 </svg>