From f025b9c02bfb69bbc169d76058257df9a3f9fc3d Mon Sep 17 00:00:00 2001
From: Wojciech Zyla <wzya@splunk.com>
Date: Wed, 26 Jul 2023 17:02:30 +0200
Subject: [PATCH] fix: add selectors for tests

fix: update frontend unit tests

fix: rebase on develop branch

fix: add more ui test selectors, delete unused ButtonsModal component
---
 .../manager/src/components/ButtonsModal.jsx   | 34 -------
 .../manager/src/components/DeleteModal.jsx    |  4 +-
 .../manager/src/components/ErrorsModal.jsx    |  2 +-
 .../src/components/groups/AddDeviceModal.jsx  | 34 +++----
 .../src/components/groups/AddGroupModal.jsx   |  8 +-
 .../src/components/groups/GroupsList.jsx      | 19 ++--
 .../inventory/AddInventoryModal.jsx           | 48 +++++-----
 .../components/inventory/InventoryList.jsx    |  8 +-
 .../src/components/menu_header/Header.jsx     |  4 +-
 .../src/components/menu_header/Menu.jsx       |  6 +-
 .../components/profiles/AddProfileModal.jsx   | 12 +--
 .../src/components/profiles/Condition.jsx     | 22 ++---
 .../src/components/profiles/Conditional.jsx   | 30 +++---
 .../src/components/profiles/Conditionaln.jsx  |  4 +-
 .../src/components/profiles/FieldPatterns.jsx | 10 +-
 .../src/components/profiles/ProfilesList.jsx  |  7 +-
 .../src/components/profiles/VarBinds.jsx      | 12 +--
 .../manager/src/store/buttons-contx.jsx       |  7 +-
 .../manager/src/store/group-contxt.jsx        |  2 -
 .../manager/src/store/inventory-contxt.jsx    |  3 -
 .../manager/src/tests/AddDeviceModal.test.jsx | 18 ++--
 .../manager/src/tests/AddGroupModal.test.jsx  |  8 +-
 .../src/tests/AddInventoryModal.test.jsx      | 28 +++---
 .../src/tests/AddProfileModal.test.jsx        | 96 +++++++++----------
 .../MockGroupContextProvider.jsx              |  2 -
 .../MockInventoryContextProvider.jsx          |  3 -
 26 files changed, 192 insertions(+), 239 deletions(-)
 delete mode 100644 frontend/packages/manager/src/components/ButtonsModal.jsx

diff --git a/frontend/packages/manager/src/components/ButtonsModal.jsx b/frontend/packages/manager/src/components/ButtonsModal.jsx
deleted file mode 100644
index 575712a..0000000
--- a/frontend/packages/manager/src/components/ButtonsModal.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React, {useState, useRef, useContext} from 'react';
-import Button from '@splunk/react-ui/Button';
-import ControlGroup from '@splunk/react-ui/ControlGroup';
-import Modal from '@splunk/react-ui/Modal';
-import P from '@splunk/react-ui/Paragraph';
-import Select from '@splunk/react-ui/Select';
-import Multiselect from '@splunk/react-ui/Multiselect';
-import Text from '@splunk/react-ui/Text';
-import ButtonsContext from "../store/buttons-contx";
-
-function ButtonsModal(props) {
-    const BtnCtx = useContext(ButtonsContext);
-
-    const handleRequestClose = () => {
-        BtnCtx.setButtonsOpen(false);
-    };
-
-    return (
-        <div>
-            <Modal onRequestClose={handleRequestClose} open={props.context.buttonsOpen} style={{ width: '600px' }}>
-                <Modal.Header title={`Options for device ${props.context.address}:${props.context.port}`} onRequestClose={handleRequestClose} />
-                <Modal.Body>
-                    <Button appearance="primary" onClick={props.handleRequestEdit} label="Edit" />
-                    <Button appearance="primary" onClick={props.handleRequestDelete} label="Delete" />
-                </Modal.Body>
-                <Modal.Footer>
-                    <Button appearance="secondary" onClick={handleRequestClose} label="Cancel" />
-                </Modal.Footer>
-            </Modal>
-        </div>
-    );
-}
-
-export default ButtonsModal;
diff --git a/frontend/packages/manager/src/components/DeleteModal.jsx b/frontend/packages/manager/src/components/DeleteModal.jsx
index 440134b..10eaf4d 100644
--- a/frontend/packages/manager/src/components/DeleteModal.jsx
+++ b/frontend/packages/manager/src/components/DeleteModal.jsx
@@ -32,8 +32,8 @@ function DeleteModal(props) {
                         </Message>) : null}
                 </Modal.Body>
                 <Modal.Footer>
-                    <Button appearance="secondary" elementRef={cancelButtonRef} onClick={handleRequestClose} label="Cancel" />
-                    <Button appearance="primary" onClick={props.handleDelete} label="Delete" />
+                    <Button data-test="sc4snmp:delete-modal:cancel-button" appearance="secondary" elementRef={cancelButtonRef} onClick={handleRequestClose} label="Cancel" />
+                    <Button data-test="sc4snmp:delete-modal:delete-button" appearance="primary" onClick={props.handleDelete} label="Delete" />
                 </Modal.Footer>
             </Modal>
         </div>
diff --git a/frontend/packages/manager/src/components/ErrorsModal.jsx b/frontend/packages/manager/src/components/ErrorsModal.jsx
index 87ffa4f..17b7055 100644
--- a/frontend/packages/manager/src/components/ErrorsModal.jsx
+++ b/frontend/packages/manager/src/components/ErrorsModal.jsx
@@ -20,7 +20,7 @@ function ErrorsModal() {
                     <P>{ErrCtx.message}</P>
                 </Modal.Body>
                 <Modal.Footer>
-                    <Button appearance="secondary" onClick={handleRequestClose} label="Close" />
+                    <Button data-test="sc4snmp:errors-modal:cancel-button" appearance="secondary" onClick={handleRequestClose} label="Close" />
                 </Modal.Footer>
             </Modal>
         </div>
diff --git a/frontend/packages/manager/src/components/groups/AddDeviceModal.jsx b/frontend/packages/manager/src/components/groups/AddDeviceModal.jsx
index 12c639e..0e14655 100644
--- a/frontend/packages/manager/src/components/groups/AddDeviceModal.jsx
+++ b/frontend/packages/manager/src/components/groups/AddDeviceModal.jsx
@@ -122,14 +122,14 @@ function AddDeviceModal(){
                 <StyledModalBody>
                     <StyledControlGroup labelWidth={140} label="IP address">
                         <ValidationGroup>
-                            <Text data-test='form:ip-input' value={GrCtx.address} onChange={handleChangeAddress} error={((ValCtx.addressErrors) ? true : false)}/>
-                            {((ValCtx.addressErrors) ? ValCtx.addressErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test='sc4snmp:form:ip-input' value={GrCtx.address} onChange={handleChangeAddress} error={((ValCtx.addressErrors) ? true : false)}/>
+                            {((ValCtx.addressErrors) ? ValCtx.addressErrors.map((el, i) => <P data-test={`sc4snmp:ip-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
                     <StyledControlGroup labelWidth={140} label="Port" >
                         <ValidationGroup>
-                            <Text data-test="form:port-input" value={GrCtx.port} onChange={handleChangePort} error={((ValCtx.portErrors) ? true : false)}/>
-                            {((ValCtx.portErrors) ? ValCtx.portErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:port-input" value={GrCtx.port} onChange={handleChangePort} error={((ValCtx.portErrors) ? true : false)}/>
+                            {((ValCtx.portErrors) ? ValCtx.portErrors.map((el, i) => <P data-test={`sc4snmp:port-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
@@ -138,39 +138,39 @@ function AddDeviceModal(){
                     labelFor="customized-select-after"
                     labelWidth={140}
                     >
-                        <Select defaultValue={GrCtx.version} inputId="customized-select-after" value={GrCtx.version} onChange={handleChangeVersion}>
-                            <Select.Option label="From inventory" value=""/>
-                            <Select.Option label="1" value="1"/>
-                            <Select.Option label="2c" value="2c"/>
-                            <Select.Option label="3" value="3"/>
+                        <Select data-test="sc4snmp:form:select-version" defaultValue={GrCtx.version} inputId="customized-select-after" value={GrCtx.version} onChange={handleChangeVersion}>
+                            <Select.Option data-test="sc4snmp:form:version-from-inventory" label="From inventory" value=""/>
+                            <Select.Option data-test="sc4snmp:form:version-1" label="1" value="1"/>
+                            <Select.Option data-test="sc4snmp:form:version-2c" label="2c" value="2c"/>
+                            <Select.Option data-test="sc4snmp:form:version-3" label="3" value="3"/>
                         </Select>
                     </StyledControlGroup>
 
                     <StyledControlGroup labelWidth={140} label="Community">
                         <ValidationGroup>
-                            <Text data-test="form:community-input" value={GrCtx.community} onChange={handleChangeCommunity} error={((ValCtx.communityErrors) ? true : false)}/>
-                            {((ValCtx.communityErrors) ? ValCtx.communityErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:community-input" value={GrCtx.community} onChange={handleChangeCommunity} error={((ValCtx.communityErrors) ? true : false)}/>
+                            {((ValCtx.communityErrors) ? ValCtx.communityErrors.map((el, i) => <P data-test={`sc4snmp:community-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                     <StyledControlGroup labelWidth={140} label="Secret">
                         <ValidationGroup>
-                            <Text value={GrCtx.secret} onChange={handleChangeSecret} error={((ValCtx.secretErrors) ? true : false)}/>
-                            {((ValCtx.secretErrors) ? ValCtx.secretErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:secret-input" value={GrCtx.secret} onChange={handleChangeSecret} error={((ValCtx.secretErrors) ? true : false)}/>
+                            {((ValCtx.secretErrors) ? ValCtx.secretErrors.map((el, i) => <P data-test={`sc4snmp:secret-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                     <StyledControlGroup labelWidth={140} label="Security Engine">
                         <ValidationGroup>
-                            <Text data-test="form:security-engine-input" value={GrCtx.securityEngine} onChange={handleChangeSecurityEngine} error={((ValCtx.securityEngineErrors) ? true : false)}/>
-                            {((ValCtx.securityEngineErrors) ? ValCtx.securityEngineErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:security-engine-input" value={GrCtx.securityEngine} onChange={handleChangeSecurityEngine} error={((ValCtx.securityEngineErrors) ? true : false)}/>
+                            {((ValCtx.securityEngineErrors) ? ValCtx.securityEngineErrors.map((el, i) => <P data-test={`sc4snmp:security-engine-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                 </StyledModalBody>
                 <Modal.Footer>
-                    <Button appearance="secondary" onClick={handleRequestClose} label="Cancel" />
-                    <Button data-test="form:submit-form-button" appearance="primary" label="Submit" onClick={handleApply} />
+                    <Button data-test="sc4snmp:form:cancel-button" appearance="secondary" onClick={handleRequestClose} label="Cancel" />
+                    <Button data-test="sc4snmp:form:submit-form-button" appearance="primary" label="Submit" onClick={handleApply} />
                 </Modal.Footer>
             </Modal>
         </div>
diff --git a/frontend/packages/manager/src/components/groups/AddGroupModal.jsx b/frontend/packages/manager/src/components/groups/AddGroupModal.jsx
index 6a20c3c..ca57f5c 100644
--- a/frontend/packages/manager/src/components/groups/AddGroupModal.jsx
+++ b/frontend/packages/manager/src/components/groups/AddGroupModal.jsx
@@ -91,14 +91,14 @@ function AddGroupModal() {
                 <Modal.Body>
                     <ControlGroup label="Group Name">
                         <ValidationGroup>
-                            <Text data-test="form:group-name-input" value={GrCtx.groupName} onChange={handleGroupNameChange} error={(!!(ValCtx.groupNameErrors))}/>
-                            {((ValCtx.groupNameErrors) ? ValCtx.groupNameErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:group-name-input" value={GrCtx.groupName} onChange={handleGroupNameChange} error={(!!(ValCtx.groupNameErrors))}/>
+                            {((ValCtx.groupNameErrors) ? ValCtx.groupNameErrors.map((el, i) => <P data-test={`sc4snmp:group-name-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </ControlGroup>
                 </Modal.Body>
                 <Modal.Footer>
-                    <Button appearance="secondary" onClick={handleRequestClose} label="Cancel" />
-                    <Button data-test="form:submit-form-button" appearance="primary" onClick={handleRequestSubmit} label="Submit" />
+                    <Button data-test="sc4snmp:form:cancel-button" appearance="secondary" onClick={handleRequestClose} label="Cancel" />
+                    <Button data-test="sc4snmp:form:submit-form-button" appearance="primary" onClick={handleRequestSubmit} label="Submit" />
                 </Modal.Footer>
             </Modal>
         </div>
diff --git a/frontend/packages/manager/src/components/groups/GroupsList.jsx b/frontend/packages/manager/src/components/groups/GroupsList.jsx
index 3cac1e1..da3baef 100644
--- a/frontend/packages/manager/src/components/groups/GroupsList.jsx
+++ b/frontend/packages/manager/src/components/groups/GroupsList.jsx
@@ -223,16 +223,15 @@ function GroupsList() {
         }
     };
 
-    const groupsList = groups.map((group) => (
-        <SingleGroup onClick={(event) => (clickGroupHandler(event, group._id, group.groupName, 1))} style={{ backgroundColor: (selectedGroup[group._id]) ? "#E1E6EB" : "#FFFFF" }} key={createDOMID()}>
+    const groupsList = groups.map((group, i) => (
+        <SingleGroup data-test={`sc4snmp:group-${i}`} onClick={(event) => (clickGroupHandler(event, group._id, group.groupName, 1))} style={{ backgroundColor: (selectedGroup[group._id]) ? "#E1E6EB" : "#FFFFF" }} key={createDOMID()}>
             <P>
                 {group.groupName}
             </P>
             <div>
-                <Button style={{ margin: "0" }} onClick={() => (newDevicenHandler(group._id, group.groupName))} appearance="pill" icon={<Plus />} />
-                <Button style={{ margin: "0" }} onClick={() => (editGroupHandler(group._id, group.groupName))} appearance="pill" icon={<Pencil />} />
-                <Button style={{ margin: "0" }} onClick={() => (groupDeleteHandler(group._id, group.groupName, group.groupInInventory))}
-                        appearance="pill" icon={<Trash />} />
+                <Button data-test={`sc4snmp:group-${i}:new-device-button`} style={{ margin: "0" }} onClick={() => (newDevicenHandler(group._id, group.groupName))} appearance="pill" icon={<Plus />} />
+                <Button data-test={`sc4snmp:group-${i}:edit-group-button`} style={{ margin: "0" }} onClick={() => (editGroupHandler(group._id, group.groupName))} appearance="pill" icon={<Pencil />} />
+                <Button data-test={`sc4snmp:group-${i}:delete-group-button`} style={{ margin: "0" }} onClick={() => (groupDeleteHandler(group._id, group.groupName, group.groupInInventory))} appearance="pill" icon={<Trash />} />
             </div>
         </SingleGroup>
     ));
@@ -277,8 +276,8 @@ function GroupsList() {
                         </Table.Head>
                         <Table.Body>
                             {GrCtx.devices
-                                .map((row) => (
-                                    <Table.Row key={createDOMID()} >
+                                .map((row, i) => (
+                                    <Table.Row data-test={`sc4snmp:group-row-${i}`} key={createDOMID()} >
                                         <Table.Cell>{row.address}</Table.Cell>
                                         <Table.Cell>{(row.port === '') ? GrCtx.inventoryConfig.port : row.port}</Table.Cell>
                                         <Table.Cell>{(row.version === '') ? GrCtx.inventoryConfig.version  : row.version}</Table.Cell>
@@ -286,8 +285,8 @@ function GroupsList() {
                                         <Table.Cell>{(row.secret === '') ? GrCtx.inventoryConfig.secret  : row.secret}</Table.Cell>
                                         <Table.Cell>{(row.securityEngine === '') ? GrCtx.inventoryConfig.securityEngine  : row.securityEngine}</Table.Cell>
                                         <Table.Cell>
-                                            <Button onClick={() => deviceEditHandler(JSON.parse(JSON.stringify(row)))} icon={<Pencil />} />
-                                            <Button onClick={() => deviceDeleteHandler(JSON.parse(JSON.stringify(row)))} icon={<Trash />} />
+                                            <Button data-test={`sc4snmp:group-row-edit-${i}`} onClick={() => deviceEditHandler(JSON.parse(JSON.stringify(row)))} icon={<Pencil />} />
+                                            <Button data-test={`sc4snmp:group-row-delete-${i}`} onClick={() => deviceDeleteHandler(JSON.parse(JSON.stringify(row)))} icon={<Trash />} />
                                         </Table.Cell>
                                     </Table.Row>
                                 ))}
diff --git a/frontend/packages/manager/src/components/inventory/AddInventoryModal.jsx b/frontend/packages/manager/src/components/inventory/AddInventoryModal.jsx
index 21eeb68..d75dfbc 100644
--- a/frontend/packages/manager/src/components/inventory/AddInventoryModal.jsx
+++ b/frontend/packages/manager/src/components/inventory/AddInventoryModal.jsx
@@ -162,14 +162,14 @@ function AddInventoryModal() {
                 <StyledModalBody>
                     <StyledControlGroup labelWidth={140} label="IP address/Group">
                         <ValidationGroup>
-                            <Text data-test="form:group-ip-input" value={InvCtx.address} onChange={handleChangeAddress} error={((ValCtx.addressErrors) ? true : false)}/>
-                            {((ValCtx.addressErrors) ? ValCtx.addressErrors.map((el) => <P data-test="ip-group-error" key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:group-ip-input" value={InvCtx.address} onChange={handleChangeAddress} error={((ValCtx.addressErrors) ? true : false)}/>
+                            {((ValCtx.addressErrors) ? ValCtx.addressErrors.map((el, i) => <P data-test={`sc4snmp:ip-group-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
                     <StyledControlGroup labelWidth={140} label="Port">
                         <ValidationGroup>
-                            <Text data-test="form:port-input" value={InvCtx.port} onChange={handleChangePort} error={((ValCtx.portErrors) ? true : false)}/>
-                            {((ValCtx.portErrors) ? ValCtx.portErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:port-input" value={InvCtx.port} onChange={handleChangePort} error={((ValCtx.portErrors) ? true : false)}/>
+                            {((ValCtx.portErrors) ? ValCtx.portErrors.map((el, i) => <P data-test={`sc4snmp:port-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
@@ -178,61 +178,61 @@ function AddInventoryModal() {
                     labelFor="customized-select-after"
                     labelWidth={140}
                     >
-                        <Select data-test="form:version" defaultValue={InvCtx.version} inputId="customized-select-after" value={InvCtx.version} onChange={handleChangeVersion}>
-                            <Select.Option data-test="form:version-1" label="1" value="1"/>
-                            <Select.Option data-test="form:version-2c" label="2c" value="2c"/>
-                            <Select.Option data-test="form:version-3" label="3" value="3"/>
+                        <Select data-test="sc4snmp:form:select-version" defaultValue={InvCtx.version} inputId="customized-select-after" value={InvCtx.version} onChange={handleChangeVersion}>
+                            <Select.Option data-test="sc4snmp:form:version-1" label="1" value="1"/>
+                            <Select.Option data-test="sc4snmp:form:version-2c" label="2c" value="2c"/>
+                            <Select.Option data-test="sc4snmp:form:version-3" label="3" value="3"/>
                         </Select>
                     </StyledControlGroup>
 
                     <StyledControlGroup label="Community" labelWidth={140}>
                         <ValidationGroup>
-                            <Text data-test="form:community-input" value={InvCtx.community} onChange={handleChangeCommunity} error={((ValCtx.communityErrors) ? true : false)}/>
-                            {((ValCtx.communityErrors) ? ValCtx.communityErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:community-input" value={InvCtx.community} onChange={handleChangeCommunity} error={((ValCtx.communityErrors) ? true : false)}/>
+                            {((ValCtx.communityErrors) ? ValCtx.communityErrors.map((el, i) => <P data-test={`sc4snmp:community-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                     <StyledControlGroup label="Secret" labelWidth={140}>
                         <ValidationGroup>
-                            <Text value={InvCtx.secret} onChange={handleChangeSecret} error={((ValCtx.secretErrors) ? true : false)}/>
-                            {((ValCtx.secretErrors) ? ValCtx.secretErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:secret-input" value={InvCtx.secret} onChange={handleChangeSecret} error={((ValCtx.secretErrors) ? true : false)}/>
+                            {((ValCtx.secretErrors) ? ValCtx.secretErrors.map((el, i) => <P data-test={`sc4snmp:secret-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                     <StyledControlGroup label="Security Engine" labelWidth={140}>
                         <ValidationGroup>
-                            <Text data-test="form:security-engine-input" value={InvCtx.securityEngine} onChange={handleChangeSecurityEngine} error={((ValCtx.securityEngineErrors) ? true : false)}/>
-                            {((ValCtx.securityEngineErrors) ? ValCtx.securityEngineErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:security-engine-input" value={InvCtx.securityEngine} onChange={handleChangeSecurityEngine} error={((ValCtx.securityEngineErrors) ? true : false)}/>
+                            {((ValCtx.securityEngineErrors) ? ValCtx.securityEngineErrors.map((el, i) => <P data-test={`sc4snmp:security-engine-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                     <StyledControlGroup label="Walk Interval (s)" labelWidth={140}>
                         <ValidationGroup>
-                            <Number data-test="form:walk-interval-input" value={InvCtx.walkInterval} onChange={handleChangeWalkInterval} error={((ValCtx.walkIntervalErrors) ? true : false)}/>
-                            {((ValCtx.walkIntervalErrors) ? ValCtx.walkIntervalErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Number data-test="sc4snmp:form:walk-interval-input" value={InvCtx.walkInterval} onChange={handleChangeWalkInterval} error={((ValCtx.walkIntervalErrors) ? true : false)}/>
+                            {((ValCtx.walkIntervalErrors) ? ValCtx.walkIntervalErrors.map((el, i) => <P data-test={`sc4snmp:walk-interval-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                     <StyledControlGroup label="Profiles" labelWidth={140}>
                         <ValidationGroup>
-                            <Multiselect onChange={handleChange} defaultValues={InvCtx.profiles} error={((ValCtx.profilesErrors) ? true : false)}>
-                                {initProfiles.map((v) => (<Multiselect.Option key={createDOMID()} label={v} value={v} />))}
+                            <Multiselect data-test="sc4snmp:form:profiles-multiselect" onChange={handleChange} defaultValues={InvCtx.profiles} error={((ValCtx.profilesErrors) ? true : false)}>
+                                {initProfiles.map((v, i) => (<Multiselect.Option data-test={`sc4snmp:form:profile-${i}`} key={createDOMID()} label={v} value={v} />))}
                             </Multiselect>
-                            {((ValCtx.profilesErrors) ? ValCtx.profilesErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            {((ValCtx.profilesErrors) ? ValCtx.profilesErrors.map((el, i) => <P data-test={`sc4snmp:profiles-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                     <StyledControlGroup label="Smart Profiles enabled" labelWidth={140}>
-                        <RadioBar value={InvCtx.smartProfiles} onChange={handleChangeSmartProfiles}>
-                            <RadioBar.Option value={true} label="true"/>
-                            <RadioBar.Option value={false} label="false"/>
+                        <RadioBar data-test="sc4snmp:form:smart-profiles" value={InvCtx.smartProfiles} onChange={handleChangeSmartProfiles}>
+                            <RadioBar.Option data-test="sc4snmp:form:smart-profile-true" value={true} label="true"/>
+                            <RadioBar.Option data-test="sc4snmp:form:smart-profile-false" value={false} label="false"/>
                         </RadioBar>
                     </StyledControlGroup>
 
                 </StyledModalBody>
                 <Modal.Footer>
-                    <Button appearance="secondary" onClick={handleRequestClose} label="Cancel" />
-                    <Button data-test="form:submit-form-button" appearance="primary" label="Submit" onClick={handleApply} />
+                    <Button data-test="sc4snmp:form:cancelbutton" appearance="secondary" onClick={handleRequestClose} label="Cancel" />
+                    <Button data-test="sc4snmp:form:submit-form-button" appearance="primary" label="Submit" onClick={handleApply} />
                 </Modal.Footer>
             </Modal>
         </div>
diff --git a/frontend/packages/manager/src/components/inventory/InventoryList.jsx b/frontend/packages/manager/src/components/inventory/InventoryList.jsx
index 9424d47..6ebc6da 100644
--- a/frontend/packages/manager/src/components/inventory/InventoryList.jsx
+++ b/frontend/packages/manager/src/components/inventory/InventoryList.jsx
@@ -144,8 +144,8 @@ function InventoryList() {
                 </Table.Head>
                 <Table.Body>
                     {allInventoryRecords
-                        .map((row) => (
-                            <Table.Row key={createDOMID()} elementRef={InvCtx.rowToggle}>
+                        .map((row, i) => (
+                            <Table.Row data-test={`sc4snmp:inventory-row-${i}`} key={createDOMID()} elementRef={InvCtx.rowToggle}>
                                 <Table.Cell>{row.address}</Table.Cell>
                                 <Table.Cell>{row.port}</Table.Cell>
                                 <Table.Cell>{row.version}</Table.Cell>
@@ -156,8 +156,8 @@ function InventoryList() {
                                 <Table.Cell>{row.profiles.toString()}</Table.Cell>
                                 <Table.Cell>{row.smartProfiles.toString()}</Table.Cell>
                                 <Table.Cell>
-                                    <Button onClick={() => handleEdit(JSON.parse(JSON.stringify(row)))} icon={<Pencil />} />
-                                    <Button onClick={() => handleDelete(JSON.parse(JSON.stringify(row)))} icon={<Trash />} />
+                                    <Button data-test={`sc4snmp:inventory-row-edit-${i}`} onClick={() => handleEdit(JSON.parse(JSON.stringify(row)))} icon={<Pencil />} />
+                                    <Button data-test={`sc4snmp:inventory-row-delete-${i}`} onClick={() => handleDelete(JSON.parse(JSON.stringify(row)))} icon={<Trash />} />
                                 </Table.Cell>
                             </Table.Row>
                         ))}
diff --git a/frontend/packages/manager/src/components/menu_header/Header.jsx b/frontend/packages/manager/src/components/menu_header/Header.jsx
index c3d4607..8c08339 100644
--- a/frontend/packages/manager/src/components/menu_header/Header.jsx
+++ b/frontend/packages/manager/src/components/menu_header/Header.jsx
@@ -87,11 +87,11 @@ function Header(){
                 </StyledHeaderLeft>
                 <StyledHeaderRight>
                     <div>
-                        <Button icon={<Plus screenReaderText={null} />} appearance="primary"
+                        <Button data-test="sc4snmp:new-item-button" icon={<Plus screenReaderText={null} />} appearance="primary"
                                 label={addButtonLabel[MenuCtx.activeTabId]}
                                 onClick={addButtonHandler[MenuCtx.activeTabId]}
                                 style={{ fontFamily: "Proxima Nova Sbold" }}/>
-                        <Button label="Apply changes" onClick={handleApplyChanges}
+                        <Button data-test="sc4snmp:apply-changes-button" label="Apply changes" onClick={handleApplyChanges}
                                 style={{ fontFamily: "Proxima Nova Sbold" }}/>
                     </div>
                 </StyledHeaderRight>
diff --git a/frontend/packages/manager/src/components/menu_header/Menu.jsx b/frontend/packages/manager/src/components/menu_header/Menu.jsx
index 1e0dc2b..538869f 100644
--- a/frontend/packages/manager/src/components/menu_header/Menu.jsx
+++ b/frontend/packages/manager/src/components/menu_header/Menu.jsx
@@ -15,9 +15,9 @@ function Menu(){
             <StyledMenuBar>
                  <StyledMenuBarLeft>
                      <StyledTab activeTabId={MenuCtx.activeTabId} onChange={handleMenuChange}>
-                        <TabBar.Tab label="Profiles" tabId="Profiles" />
-                        <TabBar.Tab label="Groups" tabId="Groups" />
-                        <TabBar.Tab label="Inventory" tabId="Inventory" />
+                        <TabBar.Tab data-test="sc4snmp:profiles-tab" label="Profiles" tabId="Profiles" />
+                        <TabBar.Tab data-test="sc4snmp:groups-tab" label="Groups" tabId="Groups" />
+                        <TabBar.Tab data-test="sc4snmp:groups-tab" label="Inventory" tabId="Inventory" />
                     </StyledTab>
                  </StyledMenuBarLeft>
                  <StyledMenuBarRight>
diff --git a/frontend/packages/manager/src/components/profiles/AddProfileModal.jsx b/frontend/packages/manager/src/components/profiles/AddProfileModal.jsx
index 820f136..6d61e32 100644
--- a/frontend/packages/manager/src/components/profiles/AddProfileModal.jsx
+++ b/frontend/packages/manager/src/components/profiles/AddProfileModal.jsx
@@ -126,16 +126,16 @@ function AddProfileModal(props) {
                 <StyledModalBody>
                     <StyledControlGroup label="Profile name">
                         <ValidationGroup>
-                            <Text data-test="form:profile-name-input" value={ProfCtx.profileName} onChange={handleProfileName} error={((ValCtx.profileNameErrors) ? true : false)}/>
-                            {((ValCtx.profileNameErrors) ? ValCtx.profileNameErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Text data-test="sc4snmp:form:profile-name-input" value={ProfCtx.profileName} onChange={handleProfileName} error={((ValCtx.profileNameErrors) ? true : false)}/>
+                            {((ValCtx.profileNameErrors) ? ValCtx.profileNameErrors.map((el, i) => <P data-test={`sc4snmp:profile-name-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup>
 
                     {(ProfCtx.condition !== "walk") ?
                     <StyledControlGroup label="Frequency of polling (s)" >
                         <ValidationGroup>
-                            <Number data-test="form:frequency-input" value={ProfCtx.frequency} onChange={handleFrequency} error={((ValCtx.frequencyErrors) ? true : false)}/>
-                            {((ValCtx.frequencyErrors) ? ValCtx.frequencyErrors.map((el) => <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            <Number data-test="sc4snmp:form:frequency-input" value={ProfCtx.frequency} onChange={handleFrequency} error={((ValCtx.frequencyErrors) ? true : false)}/>
+                            {((ValCtx.frequencyErrors) ? ValCtx.frequencyErrors.map((el, i) => <P data-test={`sc4snmp:frequency-error-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                         </ValidationGroup>
                     </StyledControlGroup> : null}
 
@@ -152,8 +152,8 @@ function AddProfileModal(props) {
 
                 </StyledModalBody>
                 <Modal.Footer>
-                    <Button appearance="secondary" onClick={handleRequestClose} label="Cancel" />
-                    <Button data-test="form:submit-form-button" appearance="primary" label="Submit" onClick={handleApply} />
+                    <Button data-test="sc4snmp:form:cancel-button" appearance="secondary" onClick={handleRequestClose} label="Cancel" />
+                    <Button data-test="sc4snmp:form:submit-form-button" appearance="primary" label="Submit" onClick={handleApply} />
                 </Modal.Footer>
             </Modal>
         </div>
diff --git a/frontend/packages/manager/src/components/profiles/Condition.jsx b/frontend/packages/manager/src/components/profiles/Condition.jsx
index 94711e9..bf32d24 100644
--- a/frontend/packages/manager/src/components/profiles/Condition.jsx
+++ b/frontend/packages/manager/src/components/profiles/Condition.jsx
@@ -1,10 +1,10 @@
 import React, {useState, useRef, useCallback, useContext, useEffect} from 'react';
 import { createDOMID } from '@splunk/ui-utils/id';
-import {useProfileContext} from "../../store/profile-contxt";
-import {StyledControlGroup} from "../../styles/inventory/InventoryStyle";
 import Select from "@splunk/react-ui/Select";
 import Text from "@splunk/react-ui/Text";
 import P from "@splunk/react-ui/Paragraph";
+import {StyledControlGroup} from "../../styles/inventory/InventoryStyle";
+import {useProfileContext} from "../../store/profile-contxt";
 import FieldPatterns from "./FieldPatterns";
 import {validationMessage} from "../../styles/ValidationStyles";
 import {useProfilesValidationContxt} from "../../store/profiles-validation-contxt";
@@ -27,12 +27,12 @@ function Condition(props){
         <div>
             <StyledControlGroup label="Profile type"
                 labelFor="customized-select-after">
-            <Select value={ProfCtx.condition} onChange={handleChange} filter>
-                <Select.Option label="standard" value="standard"/>
-                <Select.Option label="base" value="base"/>
-                <Select.Option label="smart" value="smart"/>
-                <Select.Option label="walk" value="walk"/>
-                <Select.Option label="conditional" value="conditional"/>
+            <Select data-test="sc4snmp:form:select-condition" value={ProfCtx.condition} onChange={handleChange} filter>
+                <Select.Option data-test="sc4snmp:form:condition-standard" label="standard" value="standard"/>
+                <Select.Option data-test="sc4snmp:form:condition-base" label="base" value="base"/>
+                <Select.Option data-test="sc4snmp:form:condition-smart" label="smart" value="smart"/>
+                <Select.Option data-test="sc4snmp:form:condition-walk" label="walk" value="walk"/>
+                <Select.Option data-test="sc4snmp:form:condition-conditional" label="conditional" value="conditional"/>
             </Select>
             </StyledControlGroup>
             {
@@ -40,7 +40,7 @@ function Condition(props){
                     <div>
                         <StyledControlGroup label="Field">
                             <ValidationGroup>
-                                <Text data-test="form:condition-field-input" value={ProfCtx.conditionField} onChange={handleFieldChange} error={((ValCtx.conditionFieldErrors) ? true : false)}/>
+                                <Text data-test="sc4snmp:form:condition-field-input" value={ProfCtx.conditionField} onChange={handleFieldChange} error={(!!(ValCtx.conditionFieldErrors))}/>
                                 {((ValCtx.conditionFieldErrors) ? ValCtx.conditionFieldErrors.map((el) =>
                                     <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                             </ValidationGroup>
@@ -49,7 +49,7 @@ function Condition(props){
                             <ValidationGroup>
                                 <FieldPatterns newSubmit={props.newSubmit}/>
                                 {((ValCtx.patternsExistErrors) ?
-                                <P key={createDOMID()} style={validationMessage}>{ValCtx.patternsExistErrors}</P>
+                                <P data-test="sc4snmp:patterns-error" key={createDOMID()} style={validationMessage}>{ValCtx.patternsExistErrors}</P>
                                 : null)}
                             </ValidationGroup>
                         </StyledControlGroup>
@@ -62,7 +62,7 @@ function Condition(props){
                         <ValidationGroup>
                             <Conditional newSubmit={props.newSubmit}/>
                             {((ValCtx.conditionalExistErrors) ?
-                            <P key={createDOMID()} style={validationMessage}>{ValCtx.conditionalExistErrors}</P>
+                            <P data-test="sc4snmp:conditional-error" key={createDOMID()} style={validationMessage}>{ValCtx.conditionalExistErrors}</P>
                             : null)}
                         </ValidationGroup>
                     </StyledControlGroup>
diff --git a/frontend/packages/manager/src/components/profiles/Conditional.jsx b/frontend/packages/manager/src/components/profiles/Conditional.jsx
index c42808c..639c22a 100644
--- a/frontend/packages/manager/src/components/profiles/Conditional.jsx
+++ b/frontend/packages/manager/src/components/profiles/Conditional.jsx
@@ -108,43 +108,43 @@ function Conditional(props){
             const keyID = createDOMID();
             newIndices[`${keyID}`] = indexCopy;
             return (
-                <FormRows.Row data-test={`form:conditional-row-${indexCopy}`} index={indexCopy} key={keyID} onRequestRemove={handleRequestRemove}>
+                <FormRows.Row data-test={`sc4snmp:form:conditional-row-${indexCopy}`} index={indexCopy} key={keyID} onRequestRemove={handleRequestRemove}>
                     <Card style={{width: "100%"}}>
                         <Card.Body>
                             <div style={validationGroup}>
-                                <Text data-test={`form:conditional-field-${indexCopy}`} placeholder="Field" defaultValue={condition.field} onChange={e => handleField(newIndices[`${keyID}`], e)}
+                                <Text data-test={`sc4snmp:form:conditional-field-${indexCopy}`} placeholder="Field" defaultValue={condition.field} onChange={e => handleField(newIndices[`${keyID}`], e)}
                                       error={((ValCtx.conditionalFieldErrors && newIndices[`${keyID}`] in ValCtx.conditionalFieldErrors))}/>
                                 {((ValCtx.conditionalFieldErrors && newIndices[`${keyID}`] in ValCtx.conditionalFieldErrors) ?
-                                    ValCtx.conditionalFieldErrors[newIndices[`${keyID}`]].map((el) =>
-                                        <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                                    ValCtx.conditionalFieldErrors[newIndices[`${keyID}`]].map((el, i) =>
+                                        <P data-test={`sc4snmp:conditional-field-error-${indexCopy}-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                             </div>
                             <div style={validationGroup}>
-                                <Select data-test={`form:conditional-select-operation-${indexCopy}`} value={condition.operation} onChange={(e, { value }) =>
+                                <Select data-test={`sc4snmp:form:conditional-select-operation-${indexCopy}`} value={condition.operation} onChange={(e, { value }) =>
                                     handleOperation(newIndices[`${keyID}`], value)} filter>
-                                    <Select.Option data-test={`form:conditional-equals-${indexCopy}`} label="equals" value="equals"/>
-                                    <Select.Option data-test={`form:conditional-lt-${indexCopy}`} label="less than" value="less than"/>
-                                    <Select.Option data-test={`form:conditional-gt-${indexCopy}`} label="greater than" value="greater than"/>
-                                    <Select.Option  data-test={`form:conditional-in-${indexCopy}`}label="in" value="in"/>
+                                    <Select.Option data-test={`sc4snmp:form:conditional-equals-${indexCopy}`} label="equals" value="equals"/>
+                                    <Select.Option data-test={`sc4snmp:form:conditional-lt-${indexCopy}`} label="less than" value="less than"/>
+                                    <Select.Option data-test={`sc4snmp:form:conditional-gt-${indexCopy}`} label="greater than" value="greater than"/>
+                                    <Select.Option  data-test={`sc4snmp:form:conditional-in-${indexCopy}`}label="in" value="in"/>
                                 </Select>
                                 <P/>
                             </div>
                             {
                                 ProfCtx.conditional[newIndices[`${keyID}`]].operation === 'in' ? (
                                         <div style={validationGroup}>
-                                            <ConditionalIn data-test={`form:conditional-condition-${indexCopy}`} newSubmit={props.newSubmit} conditionIndex={newIndices[`${keyID}`]}/>
+                                            <ConditionalIn data-test={`sc4snmp:form:conditional-condition-${indexCopy}`} newSubmit={props.newSubmit} conditionIndex={newIndices[`${keyID}`]}/>
                                             {((ValCtx.conditionalValuesExistErrors && newIndices[`${keyID}`] in ValCtx.conditionalValuesExistErrors) ?
-                                                <P key={createDOMID()} style={validationMessage}>{ValCtx.conditionalValuesExistErrors[newIndices[`${keyID}`]]}</P>
+                                                <P data-test={`sc4snmp:conditional-in-error-${indexCopy}`} key={createDOMID()} style={validationMessage}>{ValCtx.conditionalValuesExistErrors[newIndices[`${keyID}`]]}</P>
                                                 : null)}
                                         </div>
                                     ) : (
                                     <div style={validationGroup}>
-                                        <Text data-test={`form:conditional-condition-${indexCopy}`} placeholder="Value" defaultValue={condition.value[0]} onChange={e => handleValue(newIndices[`${keyID}`], e)}
+                                        <Text data-test={`sc4snmp:form:conditional-condition-${indexCopy}`} placeholder="Value" defaultValue={condition.value[0]} onChange={e => handleValue(newIndices[`${keyID}`], e)}
                                               error={((ValCtx.conditionalValuesErrors && newIndices[`${keyID}`] in ValCtx.conditionalValuesErrors
                                                   && 0 in ValCtx.conditionalValuesErrors[newIndices[`${keyID}`]]))}/>
                                         {((ValCtx.conditionalValuesErrors && newIndices[`${keyID}`] in ValCtx.conditionalValuesErrors
                                                   && 0 in ValCtx.conditionalValuesErrors[newIndices[`${keyID}`]]) ?
-                                            ValCtx.conditionalValuesErrors[newIndices[`${keyID}`]][0].map((el) =>
-                                                <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                                            ValCtx.conditionalValuesErrors[newIndices[`${keyID}`]][0].map((el, i) =>
+                                                <P data-test={`sc4snmp:conditional-condition-error-${indexCopy}-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                                     </div>
                                 )
                             }
@@ -168,7 +168,7 @@ function Conditional(props){
                 onRequestAdd={handleRequestAdd}
                 style={{ width: 300 }}
                 addLabel="Add condition"
-                data-test="form:conditional-profile"
+                data-test="sc4snmp:form:add-conditional-profile"
             >
                 {rowItems}
         </FormRows>
diff --git a/frontend/packages/manager/src/components/profiles/Conditionaln.jsx b/frontend/packages/manager/src/components/profiles/Conditionaln.jsx
index 38a2ce6..3b6a2b8 100644
--- a/frontend/packages/manager/src/components/profiles/Conditionaln.jsx
+++ b/frontend/packages/manager/src/components/profiles/Conditionaln.jsx
@@ -86,8 +86,8 @@ function ConditionalIn(props){
                         newIndices[`${keyID}`] in ValCtx.conditionalValuesErrors[props.conditionIndex]}/>
                         {((ValCtx.conditionalValuesErrors && props.conditionIndex in ValCtx.conditionalValuesErrors
                          && newIndices[`${keyID}`] in ValCtx.conditionalValuesErrors[props.conditionIndex]) ?
-                                    ValCtx.conditionalValuesErrors[props.conditionIndex][newIndices[`${keyID}`]].map((el) =>
-                                        <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                                    ValCtx.conditionalValuesErrors[props.conditionIndex][newIndices[`${keyID}`]].map((el, i) =>
+                                        <P data-test={`sc4snmp:conditional-condition-error-${props["conditionIndex"]}-${indexCopy}-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                     </div>
                 </FormRows.Row>
             );
diff --git a/frontend/packages/manager/src/components/profiles/FieldPatterns.jsx b/frontend/packages/manager/src/components/profiles/FieldPatterns.jsx
index cae23d8..015823d 100644
--- a/frontend/packages/manager/src/components/profiles/FieldPatterns.jsx
+++ b/frontend/packages/manager/src/components/profiles/FieldPatterns.jsx
@@ -78,13 +78,13 @@ function FieldPatterns(props){
             const keyID = createDOMID();
             newIndices[`${keyID}`] = indexCopy;
             return (
-                <FormRows.Row data-test={`form:field-pattern-row-${indexCopy}`} index={indexCopy} key={keyID} onRequestRemove={handleRequestRemove}>
+                <FormRows.Row data-test={`sc4snmp:form:field-pattern-row-${indexCopy}`} index={indexCopy} key={keyID} onRequestRemove={handleRequestRemove}>
                     <ValidationGroup>
-                        <Text data-test={`form:field-pattern-${indexCopy}`} defaultValue={value.pattern} onChange={e => handleItemValue(newIndices[`${keyID}`], e)}
+                        <Text data-test={`sc4snmp:form:field-pattern-${indexCopy}`} defaultValue={value.pattern} onChange={e => handleItemValue(newIndices[`${keyID}`], e)}
                               error={((ValCtx.conditionPatternsErrors && newIndices[`${keyID}`] in ValCtx.conditionPatternsErrors))}/>
                         {((ValCtx.conditionPatternsErrors && newIndices[`${keyID}`] in ValCtx.conditionPatternsErrors) ?
-                            ValCtx.conditionPatternsErrors[newIndices[`${keyID}`]].map((el) =>
-                                <P key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
+                            ValCtx.conditionPatternsErrors[newIndices[`${keyID}`]].map((el, i) =>
+                                <P data-test={`sc4snmp:field-pattern-error-${indexCopy}-${i}`} key={createDOMID()} style={validationMessage}>{el}</P>) : <P/>)}
                     </ValidationGroup>
                 </FormRows.Row>
             );
@@ -104,7 +104,7 @@ function FieldPatterns(props){
                 onRequestAdd={handleRequestAdd}
                 style={{ width: 300 }}
                 addLabel="Add pattern"
-                data-test="form:field-patterns"
+                data-test="sc4snmp:form:field-patterns"
             >
                 {rowItems}
         </FormRows>
diff --git a/frontend/packages/manager/src/components/profiles/ProfilesList.jsx b/frontend/packages/manager/src/components/profiles/ProfilesList.jsx
index b847e7b..c1c296f 100644
--- a/frontend/packages/manager/src/components/profiles/ProfilesList.jsx
+++ b/frontend/packages/manager/src/components/profiles/ProfilesList.jsx
@@ -176,8 +176,9 @@ function ProfilesList() {
                 </Table.Head>
                 <Table.Body>
                     {profilesRecords
-                        .map((row) => (
+                        .map((row, i) => (
                             <Table.Row
+                                data-test={`sc4snmp:profile-row-${i}`}
                                 key={row._id}
                                 expansionRow={getExpansionRow(row)}
                                 onExpansion={() => handleRowExpansion(row._id)}
@@ -191,8 +192,8 @@ function ProfilesList() {
                                 <Table.Cell>{/* MIB category is empty in this view */}</Table.Cell>
                                 <Table.Cell>{/* MIB index is empty in this view */}</Table.Cell>
                                 <Table.Cell>
-                                    <Button onClick={() => profileEditHandler(JSON.parse(JSON.stringify(row)))} icon={<Pencil />} />
-                                    <Button onClick={() => profileDeleteHandler(JSON.parse(JSON.stringify(row)))} icon={<Trash />} />
+                                    <Button data-test={`sc4snmp:profile-row-edit-${i}`} onClick={() => profileEditHandler(JSON.parse(JSON.stringify(row)))} icon={<Pencil />} />
+                                    <Button data-test={`sc4snmp:profile-row-delete-${i}`}  onClick={() => profileDeleteHandler(JSON.parse(JSON.stringify(row)))} icon={<Trash />} />
                                 </Table.Cell>
                             </Table.Row>
                         ))}
diff --git a/frontend/packages/manager/src/components/profiles/VarBinds.jsx b/frontend/packages/manager/src/components/profiles/VarBinds.jsx
index 8b1716f..ca98d92 100644
--- a/frontend/packages/manager/src/components/profiles/VarBinds.jsx
+++ b/frontend/packages/manager/src/components/profiles/VarBinds.jsx
@@ -90,21 +90,21 @@ function VarBinds(props){
             const keyID = createDOMID();
             newIndices[`${keyID}`] = indexCopy;
             return (
-                <FormRows.Row data-test={`form:varbind-row-${indexCopy}`} index={indexCopy} key={createDOMID()} onRequestRemove={handleRequestRemove}>
+                <FormRows.Row data-test={`sc4snmp:form:varbind-row-${indexCopy}`} index={indexCopy} key={createDOMID()} onRequestRemove={handleRequestRemove}>
                     <ValidationGroup>
                          <div style={{display: 'flex'}}>
-                            <Text data-test={`form:varbind${indexCopy}-mib-family-input`} defaultValue={value.family} placeholder="MIB family"
+                            <Text data-test={`sc4snmp:form:varbind${indexCopy}-mib-family-input`} defaultValue={value.family} placeholder="MIB family"
                                   onChange={e => handleItemValueFamily(newIndices[`${keyID}`], e)}
                                   error={((ValCtx.varBindsErrors && newIndices[`${keyID}`] in ValCtx.varBindsErrors))}/>
-                            <Text data-test={`form:varbind${indexCopy}-mib-category-input`} defaultValue={value.category} placeholder="MIB category"
+                            <Text data-test={`sc4snmp:form:varbind${indexCopy}-mib-category-input`} defaultValue={value.category} placeholder="MIB category"
                                   onChange={e => handleItemValueCategory(newIndices[`${keyID}`], e)}
                                   error={((ValCtx.varBindsErrors && newIndices[`${keyID}`] in ValCtx.varBindsErrors))}/>
-                            <Text data-test={`form:varbind${indexCopy}-mib-index-input`} defaultValue={value.index} placeholder="MIB index"
+                            <Text data-test={`sc4snmp:form:varbind${indexCopy}-mib-index-input`} defaultValue={value.index} placeholder="MIB index"
                                   onChange={e => handleItemValueIndex(newIndices[`${keyID}`], e)}
                                   error={((ValCtx.varBindsErrors && newIndices[`${keyID}`] in ValCtx.varBindsErrors))}/>
                         </div>
                         {((ValCtx.varBindsErrors && newIndices[`${keyID}`] in ValCtx.varBindsErrors) ?
-                            ValCtx.varBindsErrors[newIndices[`${keyID}`]].map((el) => <P key={createDOMID()}
+                            ValCtx.varBindsErrors[newIndices[`${keyID}`]].map((el,i) => <P data-test={`sc4snmp:varbind-error-${indexCopy}-${i}`} key={createDOMID()}
                                                                                          style={validationMessage}>{el}</P>) :
                             <P/>)}
                     </ValidationGroup>
@@ -126,7 +126,7 @@ function VarBinds(props){
             onRequestAdd={handleRequestAdd}
             style={{ width: 300 }}
             addLabel="Add varBind"
-            data-test="form:add-varbinds"
+            data-test="sc4snmp:form:add-varbinds"
         >
             {rowItems}
         </FormRows>
diff --git a/frontend/packages/manager/src/store/buttons-contx.jsx b/frontend/packages/manager/src/store/buttons-contx.jsx
index 94c8496..568a4e0 100644
--- a/frontend/packages/manager/src/store/buttons-contx.jsx
+++ b/frontend/packages/manager/src/store/buttons-contx.jsx
@@ -3,14 +3,11 @@ import React, {useState, createContext, useContext} from 'react';
 const ButtonsContext = createContext();
 
 export function ButtonsContextProvider(props){
-    const [buttonsOpen, setButtonsOpen] = useState(false);
     const [deleteOpen, setDeleteOpen] = useState(false);
 
     const context = {
-        buttonsOpen: buttonsOpen,
-        setButtonsOpen: setButtonsOpen,
-        deleteOpen: deleteOpen,
-        setDeleteOpen: setDeleteOpen
+        deleteOpen,
+        setDeleteOpen
     };
     return (
         <ButtonsContext.Provider value={context}>
diff --git a/frontend/packages/manager/src/store/group-contxt.jsx b/frontend/packages/manager/src/store/group-contxt.jsx
index b4d7581..49fbc46 100644
--- a/frontend/packages/manager/src/store/group-contxt.jsx
+++ b/frontend/packages/manager/src/store/group-contxt.jsx
@@ -66,8 +66,6 @@ export function GroupContextProvider(props){
         setAddDeviceOpen,
         deleteOpen: BtnCtx.deleteOpen,
         setDeleteOpen: BtnCtx.setDeleteOpen,
-        buttonsOpen: BtnCtx.buttonsOpen,
-        setButtonsOpen: BtnCtx.setButtonsOpen,
         deleteUrl,
         setDeleteUrl,
         deleteName,
diff --git a/frontend/packages/manager/src/store/inventory-contxt.jsx b/frontend/packages/manager/src/store/inventory-contxt.jsx
index ea76151..b491c16 100644
--- a/frontend/packages/manager/src/store/inventory-contxt.jsx
+++ b/frontend/packages/manager/src/store/inventory-contxt.jsx
@@ -54,9 +54,6 @@ export function InventoryContextProvider(props){
         deleteOpen: BtnCtx.deleteOpen,
         setDeleteOpen: BtnCtx.setDeleteOpen,
 
-        buttonsOpen: BtnCtx.buttonsOpen,
-        setButtonsOpen: BtnCtx.setButtonsOpen,
-
         addOpen: addOpen,
         setAddOpen: setAddOpen,
         addModalToggle: addModalToggle,
diff --git a/frontend/packages/manager/src/tests/AddDeviceModal.test.jsx b/frontend/packages/manager/src/tests/AddDeviceModal.test.jsx
index bd4c69d..a23a5fc 100644
--- a/frontend/packages/manager/src/tests/AddDeviceModal.test.jsx
+++ b/frontend/packages/manager/src/tests/AddDeviceModal.test.jsx
@@ -23,9 +23,9 @@ describe("AddDeviceModal", () => {
     it("Test invalid IPv4 address and no community string",() => {
         renderModal();
 
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const addressInput = screen.getByDataTest('form:ip-input').querySelector("input");
-        const communityInput = screen.getByDataTest('form:community-input').querySelector("input");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const addressInput = screen.getByDataTest('sc4snmp:form:ip-input').querySelector("input");
+        const communityInput = screen.getByDataTest('sc4snmp:form:community-input').querySelector("input");
 
 
         fireEvent.change(addressInput, {target: {value: "1.2.3.4"}})
@@ -46,8 +46,8 @@ describe("AddDeviceModal", () => {
 
     it("Test no IPv4 and walk interval below 1800", () => {
         renderModal();
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const addressInput = screen.getByDataTest('form:ip-input').querySelector("input");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const addressInput = screen.getByDataTest('sc4snmp:form:ip-input').querySelector("input");
 
         fireEvent.change(addressInput, {target: {value: ""}})
         fireEvent.click(submitButton);
@@ -56,8 +56,8 @@ describe("AddDeviceModal", () => {
 
     it("Test wrong port", () => {
         renderModal();
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const portInput = screen.getByDataTest("form:port-input").querySelector("input");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const portInput = screen.getByDataTest("sc4snmp:form:port-input").querySelector("input");
 
         fireEvent.change(portInput, {target: {value: ""}})
         fireEvent.click(submitButton);
@@ -74,8 +74,8 @@ describe("AddDeviceModal", () => {
 
     it("Test wrong security engine", () => {
         renderModal();
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const securityEngineInput = screen.getByDataTest("form:security-engine-input").querySelector("input")
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const securityEngineInput = screen.getByDataTest("sc4snmp:form:security-engine-input").querySelector("input")
 
         fireEvent.change(securityEngineInput, {target: {value: "a"}})
         fireEvent.click(submitButton);
diff --git a/frontend/packages/manager/src/tests/AddGroupModal.test.jsx b/frontend/packages/manager/src/tests/AddGroupModal.test.jsx
index 41cfc32..374051a 100644
--- a/frontend/packages/manager/src/tests/AddGroupModal.test.jsx
+++ b/frontend/packages/manager/src/tests/AddGroupModal.test.jsx
@@ -23,8 +23,8 @@ function renderModal(){
 describe("AddGroupModal", () => {
     it("Test wrong group name", () => {
         renderModal();
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const groupNameInput = screen.getByDataTest('form:group-name-input').querySelector("input");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const groupNameInput = screen.getByDataTest('sc4snmp:form:group-name-input').querySelector("input");
 
         fireEvent.change(groupNameInput, {target: {value: "gro?up1"}})
         fireEvent.click(submitButton);
@@ -34,8 +34,8 @@ describe("AddGroupModal", () => {
 
     it("Test no group name provided", () => {
         renderModal();
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const groupNameInput = screen.getByDataTest('form:group-name-input').querySelector("input");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const groupNameInput = screen.getByDataTest('sc4snmp:form:group-name-input').querySelector("input");
 
         fireEvent.change(groupNameInput, {target: {value: ""}})
         fireEvent.click(submitButton);
diff --git a/frontend/packages/manager/src/tests/AddInventoryModal.test.jsx b/frontend/packages/manager/src/tests/AddInventoryModal.test.jsx
index 2630f63..bc09e4b 100644
--- a/frontend/packages/manager/src/tests/AddInventoryModal.test.jsx
+++ b/frontend/packages/manager/src/tests/AddInventoryModal.test.jsx
@@ -33,9 +33,9 @@ describe("AddInventoryModal", () => {
         axios.get.mockResolvedValueOnce({data:[]});
         await act( async () => renderModal());
 
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const addressInput = screen.getByDataTest('form:group-ip-input').querySelector("input");
-        const communityInput = screen.getByDataTest('form:community-input').querySelector("input");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const addressInput = screen.getByDataTest('sc4snmp:form:group-ip-input').querySelector("input");
+        const communityInput = screen.getByDataTest('sc4snmp:form:community-input').querySelector("input");
 
 
         fireEvent.change(addressInput, {target: {value: "1.2.3.4"}})
@@ -56,9 +56,9 @@ describe("AddInventoryModal", () => {
     it("Test no IPv4 and walk interval below 1800", async () => {
         axios.get.mockResolvedValueOnce({data:[]});
         await act( async () => renderModal());
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const addressInput = screen.getByDataTest('form:group-ip-input').querySelector("input");
-        const walkIntervalInput = screen.getByDataTest('form:walk-interval-input').querySelector("input");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const addressInput = screen.getByDataTest('sc4snmp:form:group-ip-input').querySelector("input");
+        const walkIntervalInput = screen.getByDataTest('sc4snmp:form:walk-interval-input').querySelector("input");
 
         fireEvent.change(addressInput, {target: {value: "group1"}})
         fireEvent.change(walkIntervalInput, {target: {value: 10}});
@@ -76,9 +76,9 @@ describe("AddInventoryModal", () => {
     it("Test wrong group name, no port and wrong port", async () => {
         axios.get.mockResolvedValueOnce({data:[]});
         await act( async () => renderModal());
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const addressInput = screen.getByDataTest('form:group-ip-input').querySelector("input");
-        const portInput = screen.getByDataTest("form:port-input").querySelector("input");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const addressInput = screen.getByDataTest('sc4snmp:form:group-ip-input').querySelector("input");
+        const portInput = screen.getByDataTest("sc4snmp:form:port-input").querySelector("input");
 
         fireEvent.change(addressInput, {target: {value: "group 1"}})
         fireEvent.change(portInput, {target: {value: ""}})
@@ -99,8 +99,8 @@ describe("AddInventoryModal", () => {
     it("Test wrong security engine", async () => {
         axios.get.mockResolvedValueOnce({data:[]});
         await act( async () => renderModal());
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const securityEngineInput = screen.getByDataTest("form:security-engine-input").querySelector("input")
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const securityEngineInput = screen.getByDataTest("sc4snmp:form:security-engine-input").querySelector("input")
 
         fireEvent.change(securityEngineInput, {target: {value: "a"}})
         fireEvent.click(submitButton);
@@ -116,12 +116,12 @@ describe("AddInventoryModal", () => {
     it("Test no secret in version 3 of snmp", async () => {
         axios.get.mockResolvedValueOnce({data:[]});
         await act( async () => renderModal());
-        const submitButton = screen.getByDataTest("form:submit-form-button");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
 
-        const versionButton = screen.getByDataTest("form:version")
+        const versionButton = screen.getByDataTest("sc4snmp:form:select-version")
         fireEvent.click(versionButton)
         await sleep(5)
-        const versionOptionButton = screen.getByDataTest("form:version-3")
+        const versionOptionButton = screen.getByDataTest("sc4snmp:form:version-3")
         fireEvent.click(versionOptionButton)
         await sleep(5)
 
diff --git a/frontend/packages/manager/src/tests/AddProfileModal.test.jsx b/frontend/packages/manager/src/tests/AddProfileModal.test.jsx
index c6907d3..7356e6a 100644
--- a/frontend/packages/manager/src/tests/AddProfileModal.test.jsx
+++ b/frontend/packages/manager/src/tests/AddProfileModal.test.jsx
@@ -25,7 +25,7 @@ const sleep = ms => new Promise(r => setTimeout(r, ms));
 describe("AddProfileModal", () => {
     it("Test no VarBinds and no profile name", () => {
         renderModal();
-        const submitButton = screen.getByDataTest("form:submit-form-button");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
 
         expect(screen.queryByText("Profile Name is required")).not.toBeInTheDocument();
         expect(screen.queryByText("At least one varBind must be specified.")).not.toBeInTheDocument();
@@ -36,9 +36,9 @@ describe("AddProfileModal", () => {
 
     it("Test empty VarBind", async () => {
         renderModal();
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const frequencyInput = screen.getByDataTest("form:frequency-input").querySelector("input")
-        const addVarBindButton = screen.getByDataTest("form:add-varbinds").querySelector(`[data-test="add-row"]`)
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const frequencyInput = screen.getByDataTest("sc4snmp:form:frequency-input").querySelector("input")
+        const addVarBindButton = screen.getByDataTest("sc4snmp:form:add-varbinds").querySelector(`[data-test="add-row"]`)
 
 
         fireEvent.click(addVarBindButton);
@@ -51,9 +51,9 @@ describe("AddProfileModal", () => {
 
     it("Test adding multiple varbinds with errors", async () => {
         renderModal();
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const frequencyInput = screen.getByDataTest("form:frequency-input").querySelector("input")
-        const addVarBindButton = screen.getByDataTest("form:add-varbinds").querySelector(`[data-test="add-row"]`)
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const frequencyInput = screen.getByDataTest("sc4snmp:form:frequency-input").querySelector("input")
+        const addVarBindButton = screen.getByDataTest("sc4snmp:form:add-varbinds").querySelector(`[data-test="add-row"]`)
 
 
         fireEvent.click(addVarBindButton);
@@ -61,11 +61,11 @@ describe("AddProfileModal", () => {
         fireEvent.click(addVarBindButton);
         fireEvent.change(frequencyInput, {target: {value: 2}})
         let mibFamilyInput0 =
-            screen.getByDataTest("form:varbind0-mib-family-input").querySelector("input")
+            screen.getByDataTest("sc4snmp:form:varbind0-mib-family-input").querySelector("input")
         const mibCategoryInput1 =
-            screen.getByDataTest("form:varbind1-mib-category-input").querySelector("input")
+            screen.getByDataTest("sc4snmp:form:varbind1-mib-category-input").querySelector("input")
         const mibIndexInput2 =
-            screen.getByDataTest("form:varbind2-mib-index-input").querySelector("input")
+            screen.getByDataTest("sc4snmp:form:varbind2-mib-index-input").querySelector("input")
 
         fireEvent.change(mibFamilyInput0, {target: {value: "mi b"}})
         fireEvent.change(mibCategoryInput1, {target: {value: "aa?"}})
@@ -73,9 +73,9 @@ describe("AddProfileModal", () => {
         fireEvent.click(submitButton);
         await sleep(5)
 
-        let firstRow = screen.getByDataTest("form:varbind-row-0")
-        const secondRow = screen.getByDataTest("form:varbind-row-1")
-        const thirdRow = screen.getByDataTest("form:varbind-row-2")
+        let firstRow = screen.getByDataTest("sc4snmp:form:varbind-row-0")
+        const secondRow = screen.getByDataTest("sc4snmp:form:varbind-row-1")
+        const thirdRow = screen.getByDataTest("sc4snmp:form:varbind-row-2")
 
         expect(within(firstRow).queryByText("MIB-Component can consist only of upper and lower english letters, " +
             "numbers and two special characters: '-' and '_'. No spaces are allowed.")).toBeInTheDocument()
@@ -90,37 +90,37 @@ describe("AddProfileModal", () => {
 
         // Delete first two rows
         await sleep(10)
-        let deleteRowButton0 = screen.getByDataTest("form:varbind-row-0").querySelector(`[data-test="remove"]`)
+        let deleteRowButton0 = screen.getByDataTest("sc4snmp:form:varbind-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
-        deleteRowButton0 = screen.getByDataTest("form:varbind-row-0").querySelector(`[data-test="remove"]`)
+        deleteRowButton0 = screen.getByDataTest("sc4snmp:form:varbind-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
 
-        firstRow = screen.getByDataTest("form:varbind-row-0")
+        firstRow = screen.getByDataTest("sc4snmp:form:varbind-row-0")
         expect(within(firstRow).queryByText("MIB-Component is required")).toBeInTheDocument()
         expect(within(firstRow).queryByText("MIB object is required when MIB index is specified")).toBeInTheDocument()
         expect(within(firstRow).queryByText("Index can't include white spaces")).toBeInTheDocument()
 
         // Delete remaining row and add the new one
         await sleep(10)
-        deleteRowButton0 = screen.getByDataTest("form:varbind-row-0").querySelector(`[data-test="remove"]`)
+        deleteRowButton0 = screen.getByDataTest("sc4snmp:form:varbind-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
         fireEvent.click(addVarBindButton);
         await sleep(10);
 
         mibFamilyInput0 =
-            screen.getByDataTest("form:varbind0-mib-family-input").querySelector("input")
+            screen.getByDataTest("sc4snmp:form:varbind0-mib-family-input").querySelector("input")
 
         fireEvent.change(mibFamilyInput0, {target: {value: "mib"}})
-        firstRow = screen.getByDataTest("form:varbind-row-0")
+        firstRow = screen.getByDataTest("sc4snmp:form:varbind-row-0")
         expect(within(firstRow).queryByText("MIB-Component is required")).not.toBeInTheDocument()
     })
 
     it ("Test empty field and no patterns in smart profile", () => {
         renderModal({profileType: "smart"})
-        const submitButton = screen.getByDataTest("form:submit-form-button");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
 
         expect(screen.queryByText("Field is required")).not.toBeInTheDocument();
         expect(screen.queryByText("At least one pattern must be specified.")).not.toBeInTheDocument();
@@ -131,21 +131,21 @@ describe("AddProfileModal", () => {
 
     it("Test wrong field and empty pattern in smart profile", async () => {
         renderModal({profileType: "smart"})
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const addPatternButton = screen.getByDataTest("form:field-patterns").querySelector(`[data-test="add-row"]`)
-        const fieldInput = screen.getByDataTest("form:condition-field-input").querySelector("input")
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const addPatternButton = screen.getByDataTest("sc4snmp:form:field-patterns").querySelector(`[data-test="add-row"]`)
+        const fieldInput = screen.getByDataTest("sc4snmp:form:condition-field-input").querySelector("input")
 
         fireEvent.click(addPatternButton);
         fireEvent.click(addPatternButton);
         fireEvent.change(fieldInput, {target: {value: "t est"}});
 
-        let patternInput0 = screen.getByDataTest("form:field-pattern-0").querySelector("input")
+        let patternInput0 = screen.getByDataTest("sc4snmp:form:field-pattern-0").querySelector("input")
         fireEvent.change(patternInput0, {target: {value: "test"}})
         fireEvent.click(submitButton);
         await sleep(10)
 
-        let firstRow = screen.getByDataTest("form:field-pattern-row-0")
-        const secondRow = screen.getByDataTest("form:field-pattern-row-1")
+        let firstRow = screen.getByDataTest("sc4snmp:form:field-pattern-row-0")
+        const secondRow = screen.getByDataTest("sc4snmp:form:field-pattern-row-1")
 
         expect(screen.queryByText("Field can consist only of upper and lower english letters, " +
             "numbers and three special characters: '.' '-' and '_'. No spaces are allowed.")).toBeInTheDocument();
@@ -154,21 +154,21 @@ describe("AddProfileModal", () => {
 
         // Delete first row
         await sleep(10)
-        let deleteRowButton0 = screen.getByDataTest("form:field-pattern-row-0").querySelector(`[data-test="remove"]`)
+        let deleteRowButton0 = screen.getByDataTest("sc4snmp:form:field-pattern-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
 
-        firstRow = screen.getByDataTest("form:field-pattern-row-0")
+        firstRow = screen.getByDataTest("sc4snmp:form:field-pattern-row-0")
         expect(within(firstRow).queryByText("Pattern is required")).toBeInTheDocument();
 
         // Delete remaining row and add the new one
         await sleep(10)
-        deleteRowButton0 = screen.getByDataTest("form:field-pattern-row-0").querySelector(`[data-test="remove"]`)
+        deleteRowButton0 = screen.getByDataTest("sc4snmp:form:field-pattern-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
         fireEvent.click(addPatternButton);
         await sleep(10)
-        patternInput0 = screen.getByDataTest("form:field-pattern-0").querySelector("input")
+        patternInput0 = screen.getByDataTest("sc4snmp:form:field-pattern-0").querySelector("input")
         fireEvent.change(patternInput0, {target: {value: "test"}})
         fireEvent.click(submitButton);
         await sleep(10)
@@ -177,7 +177,7 @@ describe("AddProfileModal", () => {
 
     it("Test no conditions", () => {
         renderModal({profileType: "conditional"})
-        const submitButton = screen.getByDataTest("form:submit-form-button");
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
 
         expect(screen.queryByText("At least one condition must be specified.")).not.toBeInTheDocument();
         fireEvent.click(submitButton);
@@ -186,8 +186,8 @@ describe("AddProfileModal", () => {
 
     it("Test errors in multiple conditions", async () => {
         renderModal({profileType: "conditional"})
-        const submitButton = screen.getByDataTest("form:submit-form-button");
-        const addConditionalButton = screen.getByDataTest("form:conditional-profile").querySelector(`[data-test="add-row"]`)
+        const submitButton = screen.getByDataTest("sc4snmp:form:submit-form-button");
+        const addConditionalButton = screen.getByDataTest("sc4snmp:form:add-conditional-profile").querySelector(`[data-test="add-row"]`)
 
         fireEvent.click(addConditionalButton);
         fireEvent.click(addConditionalButton);
@@ -195,19 +195,19 @@ describe("AddProfileModal", () => {
 
         await sleep(5);
 
-        const optionsButton1 = screen.getByDataTest("form:conditional-select-operation-1")
+        const optionsButton1 = screen.getByDataTest("sc4snmp:form:conditional-select-operation-1")
         fireEvent.click(optionsButton1)
         await sleep(5)
-        const inOptionButton1 = screen.getByDataTest("form:conditional-in-1")
+        const inOptionButton1 = screen.getByDataTest("sc4snmp:form:conditional-in-1")
         fireEvent.click(inOptionButton1)
         await sleep(5)
 
         const fieldInput0 =
-            screen.getByDataTest("form:conditional-field-0").querySelector('[data-test="textbox"]')
+            screen.getByDataTest("sc4snmp:form:conditional-field-0").querySelector('[data-test="textbox"]')
         const fieldInput2 =
-            screen.getByDataTest("form:conditional-field-2").querySelector('[data-test="textbox"]')
+            screen.getByDataTest("sc4snmp:form:conditional-field-2").querySelector('[data-test="textbox"]')
         const valueInput2 =
-            screen.getByDataTest("form:conditional-condition-2").querySelector('[data-test="textbox"]')
+            screen.getByDataTest("sc4snmp:form:conditional-condition-2").querySelector('[data-test="textbox"]')
 
         fireEvent.change(fieldInput0, {target: {value: "te st"}})
         fireEvent.change(fieldInput2, {target: {value: "test"}})
@@ -218,9 +218,9 @@ describe("AddProfileModal", () => {
         fireEvent.click(submitButton);
         fireEvent.click(submitButton);
 
-        let firstRow = screen.getByDataTest("form:conditional-row-0")
-        const secondRow = screen.getByDataTest("form:conditional-row-1")
-        const thirdRow = screen.getByDataTest("form:conditional-row-2")
+        let firstRow = screen.getByDataTest("sc4snmp:form:conditional-row-0")
+        const secondRow = screen.getByDataTest("sc4snmp:form:conditional-row-1")
+        const thirdRow = screen.getByDataTest("sc4snmp:form:conditional-row-2")
 
         expect(within(firstRow).queryByText("Field can consist only of upper and lower english letters, " +
             "numbers and three special characters: '.' '-' and '_'. No spaces are allowed.")).toBeInTheDocument();
@@ -236,17 +236,17 @@ describe("AddProfileModal", () => {
 
         // Delete first and second row
         await sleep(10)
-        let deleteRowButton0 = screen.getByDataTest("form:conditional-row-0").querySelector(`[data-test="remove"]`)
+        let deleteRowButton0 = screen.getByDataTest("sc4snmp:form:conditional-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
-        deleteRowButton0 = screen.getByDataTest("form:conditional-row-0").querySelector(`[data-test="remove"]`)
+        deleteRowButton0 = screen.getByDataTest("sc4snmp:form:conditional-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
-        deleteRowButton0 = screen.getByDataTest("form:conditional-row-0").querySelector(`[data-test="remove"]`)
+        deleteRowButton0 = screen.getByDataTest("sc4snmp:form:conditional-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
 
-        firstRow = screen.getByDataTest("form:conditional-row-0")
+        firstRow = screen.getByDataTest("sc4snmp:form:conditional-row-0")
         expect(within(firstRow).queryByText("Field can consist only of upper and lower english letters, " +
             "numbers and three special characters: '.' '-' and '_'. No spaces are allowed.")).not.toBeInTheDocument();
         expect(within(firstRow).queryByText("Field is required")).not.toBeInTheDocument()
@@ -254,20 +254,20 @@ describe("AddProfileModal", () => {
 
         // Delete remaining row and add the new one
         await sleep(10)
-        deleteRowButton0 = screen.getByDataTest("form:conditional-row-0").querySelector(`[data-test="remove"]`)
+        deleteRowButton0 = screen.getByDataTest("sc4snmp:form:conditional-row-0").querySelector(`[data-test="remove"]`)
         fireEvent.click(deleteRowButton0)
         await sleep(10)
         fireEvent.click(addConditionalButton);
         await sleep(10);
 
         const valueInput0 =
-            screen.getByDataTest("form:conditional-condition-0").querySelector('[data-test="textbox"]')
+            screen.getByDataTest("sc4snmp:form:conditional-condition-0").querySelector('[data-test="textbox"]')
         fireEvent.change(valueInput0, {target: {value: "2"}})
 
         fireEvent.click(submitButton)
         await sleep(5)
 
-        firstRow = screen.getByDataTest("form:conditional-row-0")
+        firstRow = screen.getByDataTest("sc4snmp:form:conditional-row-0")
 
         expect(within(firstRow).queryByText("Field is required")).toBeInTheDocument()
         expect(within(firstRow).queryByText("Value is required")).not.toBeInTheDocument()
diff --git a/frontend/packages/manager/src/tests/mock_context_providers/MockGroupContextProvider.jsx b/frontend/packages/manager/src/tests/mock_context_providers/MockGroupContextProvider.jsx
index 221cc87..68cfb25 100644
--- a/frontend/packages/manager/src/tests/mock_context_providers/MockGroupContextProvider.jsx
+++ b/frontend/packages/manager/src/tests/mock_context_providers/MockGroupContextProvider.jsx
@@ -56,8 +56,6 @@ export function MockGroupContextProvider(props){
         setAddDeviceOpen: setStateMock,
         deleteOpen: true,
         setDeleteOpen: setStateMock,
-        buttonsOpen: false,
-        setButtonsOpen: setStateMock,
         deleteUrl: "",
         setDeleteUrl: setStateMock,
         deleteName: "",
diff --git a/frontend/packages/manager/src/tests/mock_context_providers/MockInventoryContextProvider.jsx b/frontend/packages/manager/src/tests/mock_context_providers/MockInventoryContextProvider.jsx
index c855dc7..71d8cc7 100644
--- a/frontend/packages/manager/src/tests/mock_context_providers/MockInventoryContextProvider.jsx
+++ b/frontend/packages/manager/src/tests/mock_context_providers/MockInventoryContextProvider.jsx
@@ -47,9 +47,6 @@ export function MockInventoryContextProvider(props){
         deleteOpen: false,
         setDeleteOpen: setStateMock,
 
-        buttonsOpen: false,
-        setButtonsOpen: setStateMock,
-
         addOpen: true,
         setAddOpen: setStateMock,
         addModalToggle: null,