Feature: select tool extension feature

.github/workflows/sonarcloud.yml

@@ -39,6 +39,13 @@ jobs:
         with:
           # Disabling shallow clone is recommended for improving relevancy of reporting
           fetch-depth: 0
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Test and coverage
+        run: yarn jest --coverage
+
       - name: Analyze with SonarCloud
         # You can pin the exact commit or the version.
         # uses: SonarSource/sonarcloud-github-action@de2e56b42aa84d0b1c5b622644ac17e505c9a049

package.json

@@ -13,7 +13,8 @@
     "build": "yarn clean && rollup -c",
     "dev": "start-storybook -p 6005",
     "storybook:build": "build-storybook",
-    "test": "jest",
+    "test": "jest -u",
+    "coverage": "jest -u --coverage",
     "test:watch": "jest --watch",
     "prepublishOnly": "yarn clean && yarn build",
     "link-local": "yarn link && cd node_modules/react && yarn link && cd ../react-dom && yarn link",
@@ -84,5 +85,8 @@
   "peerDependencies": {
     "react": ">=17.2.0",
     "react-dom": ">=17.2.0"
+  },
+  "dependencies": {
+    "@testing-library/user-event": "^14.4.3"
   }
 }

sonar-project.properties

@@ -5,5 +5,5 @@ sonar.projectVersion=1.0
 sonar.sources=src
 sonar.tests=src
 sonar.exclusions=node_modules/**
-sonar.test.inclusions=**/*.test.ts, **/*.test.js, **/*.test.tsx, **/*.test.jsx
+sonar.test.inclusions=src/**/*.test.ts, src/**/*.test.js, src/**/*.test.tsx, src/**/*.test.jsx
 sonar.javascript.lcov.reportPaths=coverage/lcov.info

src/actions/SelectAreaMoveAction.ts

@@ -1,18 +1,22 @@
 import { Action, ActionType } from "./Action";
-import { BrushTool, ColorChangeItem } from "../components/Canvas/types";
+import {
+  BrushTool,
+  ColorChangeItem,
+  SelectAreaRange,
+} from "../components/Canvas/types";
 import { Coord } from "../utils/types";
 
 export class SelectAreaMoveAction extends Action {
   type = ActionType.SelectAreaMove;
   data: Array<ColorChangeItem>;
   tool = BrushTool.SELECT;
-  previousSelectedArea: { startWorldPos: Coord; endWorldPos: Coord } | null;
-  newSelectedArea: { startWorldPos: Coord; endWorldPos: Coord } | null;
+  previousSelectedArea: SelectAreaRange | null;
+  newSelectedArea: SelectAreaRange | null;
 
   constructor(
     data: Array<ColorChangeItem>,
-    previousSelectedArea: { startWorldPos: Coord; endWorldPos: Coord } | null,
-    newSelectedArea: { startWorldPos: Coord; endWorldPos: Coord } | null,
+    previousSelectedArea: SelectAreaRange | null,
+    newSelectedArea: SelectAreaRange | null,
   ) {
     super();
     this.data = data;