add star tool to cypress

cypress/integration/ui/__snapshots__/scenario.js.snap

@@ -355,3 +355,93 @@ exports[`use various parts of svg-edit > check change color #0`] = `
   </g>
 </svg>
 `;
+
+exports[`use various parts of svg-edit > check tool_start #0`] = `
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:svg="http://www.w3.org/2000/svg"
+  width="640"
+  height="480"
+  id="svgcontent"
+  overflow="visible"
+  x="640"
+  y="480"
+  viewBox="0 0 640 480"
+>
+  <g class="layer" style="pointer-events:all">
+    <title style="pointer-events:inherit">Layer 1</title>
+    <rect
+      id="rect"
+      fill="#FF0000"
+      height="70"
+      stroke="#000000"
+      stroke-width="5"
+      width="94"
+      x="69.5"
+      y="51.5"
+      style="pointer-events:inherit"
+      fill-opacity="1"
+      stroke-opacity="1"
+    ></rect>
+    <text
+      fill="#ffff00"
+      stroke="#000000"
+      stroke-width="0"
+      x="116"
+      y="87"
+      id="svg_1"
+      font-size="24"
+      font-family="serif"
+      text-anchor="middle"
+      xml:space="preserve"
+      fill-opacity="1"
+      stroke-opacity="1"
+      font-style="italic"
+      font-weight="bold"
+    >
+      B
+    </text>
+    <text
+      fill="#000000"
+      stroke="#000000"
+      stroke-width="0"
+      x="136"
+      y="107"
+      font-size="24"
+      font-family="serif"
+      text-anchor="middle"
+      xml:space="preserve"
+      fill-opacity="1"
+      stroke-opacity="1"
+      id="svg_2"
+    >
+      B
+    </text>
+    <polygon
+      cx="407"
+      cy="45"
+      id="svg_3"
+      shape="star"
+      point="5"
+      r="13.333333333333334"
+      radialshift=""
+      r2="5.333333333333334"
+      orient="point"
+      fill="#000000"
+      strokecolor="#000000"
+      strokeWidth="0"
+      points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
+      stroke="#000000"
+      stroke-width="0"
+    >
+      <animate
+        attributeName="opacity"
+        begin="indefinite"
+        dur="0.2"
+        fill="freeze"
+        to="1"
+      ></animate>
+    </polygon>
+  </g>
+</svg>
+`;

cypress/integration/ui/scenario.js

@@ -70,4 +70,13 @@ describe('use various parts of svg-edit', function () {
       .click({force: true});
     testSnapshot();
   });
+  it('check tool_start', function () {
+    cy.get('#tool_star')
+      .click({force: true});
+    cy.get('#svgcontent')
+      .trigger('mousedown', {which: 1, pageX: 600, pageY: 150, force: true})
+      .trigger('mousemove', {which: 1, pageX: 600, pageY: 170, force: true})
+      .trigger('mouseup', {force: true});
+    cy.get('#svgcontent').toMatchSnapshot();
+  });
 });