IO-2327 importing job from available jobs table

client/cypress/e2e/job-import/job-import.cy.js

@@ -0,0 +1,43 @@
+describe(
+  "Importing an available job",
+  {
+    defaultCommandTimeout: 5000,
+  },
+  () => {
+    beforeEach(() => {
+      cy.visit("/manage/available");
+
+      cy.get("body").then(($body) => {
+        if ($body.text().includes("Login")) {
+          // Log in
+          cy.get('[data-cy="username"]').type("john@imex.dev");
+          cy.get('[data-cy="password"]').type("john123");
+          cy.get('[data-cy="sign-in-button"]').click();
+        }
+      });
+    });
+
+    it("checks if there are available jobs", () => {
+      cy.get('[data-cy="available-jobs-table"]')
+        .find("tr")
+        .should("not.have.class", "ant-table-placeholder");
+    });
+
+    it("creates a new owner record for the job", () => {
+      cy.get('[data-cy="add-job-as-new-button"]')
+        .filter(":enabled")
+        .first()
+        .click();
+
+      cy.get('[data-cy="new_owner_checkbox"]').should("be.checked");
+
+      cy.get(".ant-modal-content").find("button").contains("OK").click();
+
+      cy.get(".ant-notification-notice-message")
+        .contains("Job created successfully. Click to view.")
+        .click();
+
+      cy.url().should("include", "/manage/jobs");
+    });
+  }
+);

client/src/components/jobs-available-table/jobs-available-table.component.jsx

@@ -171,6 +171,7 @@ export function JobsAvailableComponent({
             {!isClosed && (
               <>
                 <Button
+                  data-cy="add-job-as-new-button"
                   onClick={() => addJobAsNew(record)}
                   disabled={record.issupplement}
                 >
@@ -255,6 +256,7 @@ export function JobsAvailableComponent({
         columns={columns}
         rowKey="id"
         dataSource={availableJobs}
+        data-cy="available-jobs-table"
         onChange={handleTableChange}
       />
     </Card>

client/src/components/jobs-available-table/jobs-available-table.container.jsx

@@ -3,7 +3,7 @@ import {
   useApolloClient,
   useLazyQuery,
   useMutation,
-  useQuery
+  useQuery,
 } from "@apollo/client";
 import { useTreatments } from "@splitsoftware/splitio-react";
 import { Col, notification, Row } from "antd";
@@ -20,7 +20,7 @@ import { logImEXEvent } from "../../firebase/firebase.utils";
 import {
   DELETE_AVAILABLE_JOB,
   QUERY_AVAILABLE_JOBS,
-  QUERY_AVAILABLE_NEW_JOBS_EST_DATA_BY_PK
+  QUERY_AVAILABLE_NEW_JOBS_EST_DATA_BY_PK,
 } from "../../graphql/available-jobs.queries";
 import { INSERT_NEW_JOB, UPDATE_JOB } from "../../graphql/jobs.queries";
 import { INSERT_NEW_NOTE } from "../../graphql/notes.queries";
@@ -28,7 +28,7 @@ import { SEARCH_VEHICLE_BY_VIN } from "../../graphql/vehicles.queries";
 import { insertAuditTrail } from "../../redux/application/application.actions";
 import {
   selectBodyshop,
-  selectCurrentUser
+  selectCurrentUser,
 } from "../../redux/user/user.selectors";
 import confirmDialog from "../../utils/asyncConfirm";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";

client/src/components/owner-find-modal/owner-find-modal.component.jsx

@@ -106,6 +106,7 @@ export default function OwnerFindModalComponent({
       <Checkbox
         checked={selectedOwner ? false : true}
         onClick={() => setSelectedOwner(null)}
+        data-cy="new_owner_checkbox"
       >
         {t("owners.labels.create_new")}
       </Checkbox>