Merge pull request #1397 from jdi-testing/bugfix_1372

issue_1372: Added active status for created custom locator

manifest.json

@@ -3,7 +3,7 @@
   "name": "JDN",
   "description": "JDN – helps Test Automation Engineer to create Page Objects in the test automation framework and speed up test development",
   "devtools_page": "index.html",
-  "version": "3.13.528",
+  "version": "3.13.529",
   "icons": {
     "128": "icon128.png"
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jdn-ai-chrome-extension",
-  "version": "3.13.528",
+  "version": "3.13.529",
   "description": "jdn-ai chrome extension",
   "scripts": {
     "start": "webpack --watch --env devenv",

src/features/locators/components/LocatorCopyButton.jsx

@@ -1,8 +1,9 @@
 import { Button, Tooltip } from "antd";
 import { CopySimple } from "phosphor-react";
 import React, { useState } from "react";
-import { copyToClipboard, getLocatorString } from "../../../common/utils/copyToClipboard";
+import { copyToClipboard } from "../../../common/utils/copyToClipboard";
 import { CopyTitle } from "../../../common/types/common";
+import { getLocatorString } from "../../../common/utils/helpers";
 
 export const LocatorCopyButton = ({ element }) => {
   const [copyTooltipTitle, setTooltipTitle] = useState(CopyTitle.Copy);

src/features/locators/reducers/addCustomLocator.thunk.ts

@@ -2,7 +2,7 @@ import { ActionReducerMapBuilder, createAsyncThunk } from "@reduxjs/toolkit";
 import { Locator, LocatorsState, ValidationStatus } from "../types/locator.types";
 import { generateId, getElementFullXpath } from "../../../common/utils/helpers";
 import { addLocatorToPageObj } from "../../pageObjects/pageObject.slice";
-import { addLocators, setScrollToLocator } from "../locators.slice";
+import { addLocators, setScrollToLocator, setActiveSingle } from "../locators.slice";
 import { getLocatorValidationStatus, evaluateXpath, evaluateCssSelector, generateSelectorByHash } from "../utils/utils";
 import { PageObjectId } from "../../pageObjects/types/pageObjectSlice.types";
 import { sendMessage } from "../../../pageServices/connector";
@@ -74,9 +74,9 @@ export const addCustomLocator = createAsyncThunk(
     }
 
     const dispatch = thunkAPI.dispatch;
-
     dispatch(addLocators([newLocator]));
     dispatch(addLocatorToPageObj({ pageObjId: pageObjectId, locatorId: newLocator.element_id }));
+    dispatch(setActiveSingle(newLocator));
     dispatch(setScrollToLocator(newLocator.element_id));
 
     return newLocator;