IO-2327 posting bills test caes

client/src/components/bill-detail-edit/bill-detail-edit-component.jsx

@@ -10,7 +10,7 @@ import { createStructuredSelector } from "reselect";
 import {
   DELETE_BILL_LINE,
   INSERT_NEW_BILL_LINES,
-  UPDATE_BILL_LINE
+  UPDATE_BILL_LINE,
 } from "../../graphql/bill-lines.queries";
 import { QUERY_BILL_BY_PK, UPDATE_BILL } from "../../graphql/bills.queries";
 import { insertAuditTrail } from "../../redux/application/application.actions";
@@ -200,6 +200,7 @@ export function BillDetailEditcontainer({
             }
           />
           <Form
+            data-cy="bill-edit-form"
             form={form}
             onFinish={handleFinish}
             initialValues={transformData(data)}

client/src/components/bill-enter-modal/bill-enter-modal.container.jsx

@@ -362,11 +362,16 @@ function BillEnterModalContainer({
             {t("bills.labels.generatepartslabel")}
           </Checkbox>
           <Button onClick={handleCancel}>{t("general.actions.cancel")}</Button>
-          <Button loading={loading} onClick={() => form.submit()}>
+          <Button
+            data-cy="bill-form-save-button"
+            loading={loading}
+            onClick={() => form.submit()}
+          >
             {t("general.actions.save")}
           </Button>
           {billEnterModal.context && billEnterModal.context.id ? null : (
             <Button
+              data-cy="bill-form-savenew-button"
               type="primary"
               loading={loading}
               onClick={() => {

client/src/components/bill-form/bill-form.component.jsx

@@ -177,6 +177,7 @@ export function BillFormComponent({
           ]}
         >
           <VendorSearchSelect
+            className="ant-select-bill-vendor"
             disabled={disabled}
             options={vendorAutoCompleteOptions}
             onSelect={handleVendorSelect}
@@ -249,7 +250,10 @@ export function BillFormComponent({
             }),
           ]}
         >
-          <Input disabled={disabled || disableInvNumber} />
+          <Input
+            data-cy="bill-form-invoice"
+            disabled={disabled || disableInvNumber}
+          />
         </Form.Item>
         <Form.Item
           label={t("bills.fields.date")}
@@ -261,7 +265,7 @@ export function BillFormComponent({
             },
           ]}
         >
-          <FormDatePicker disabled={disabled} />
+          <FormDatePicker id="bill-form-date" disabled={disabled} />
         </Form.Item>
         <Form.Item
           label={t("bills.fields.is_credit_memo")}
@@ -303,6 +307,7 @@ export function BillFormComponent({
           <Switch />
         </Form.Item>
         <Form.Item
+          data-cy="bill-form-bill-total"
           label={t("bills.fields.total")}
           name="total"
           rules={[
@@ -456,19 +461,20 @@ export function BillFormComponent({
         }}
       >
         <Upload.Dragger
+          id="bill-image-upload"
           multiple={true}
           name="logo"
           beforeUpload={() => false}
           listType="picture"
         >
-          <>
+          <div>
             <p className="ant-upload-drag-icon">
               <UploadOutlined />
             </p>
             <p className="ant-upload-text">
               Click or drag files to this area to upload.
             </p>
-          </>
+          </div>
         </Upload.Dragger>
       </Form.Item>
     </div>

client/src/components/bill-form/bill-form.lines.component.jsx

@@ -1,14 +1,15 @@
 import { DeleteFilled, DollarCircleFilled } from "@ant-design/icons";
 import { useTreatments } from "@splitsoftware/splitio-react";
 import {
-  Button, Form,
+  Button,
+  Form,
   Input,
   InputNumber,
   Select,
   Space,
   Switch,
   Table,
-  Tooltip
+  Tooltip,
 } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -79,6 +80,7 @@ export function BillEnterModalLinesComponent({
         ),
         formInput: (record, index) => (
           <BillLineSearchSelect
+            className="ant-select-bill-line"
             disabled={disabled}
             options={lineData}
             style={{ width: "100%", minWidth: "10rem" }}
@@ -194,6 +196,7 @@ export function BillEnterModalLinesComponent({
         },
         formInput: (record, index) => (
           <CurrencyInput
+            data-cy="bill-line-actual-price"
             min={0}
             disabled={disabled}
             onBlur={(e) => {
@@ -241,6 +244,7 @@ export function BillEnterModalLinesComponent({
         },
         formInput: (record, index) => (
           <CurrencyInput
+            data-cy="bill-line-actual-cost"
             min={0}
             disabled={disabled}
             controls={false}
@@ -572,6 +576,7 @@ export function BillEnterModalLinesComponent({
         return (
           <>
             <Table
+              data-cy="bill-line-table"
               components={{
                 body: {
                   cell: EditableCell,
@@ -587,6 +592,7 @@ export function BillEnterModalLinesComponent({
             />
             <Form.Item>
               <Button
+                data-cy="bill-line-add-button"
                 disabled={disabled}
                 onClick={() => {
                   add();

client/src/components/bills-list-table/bills-list-table.component.jsx

@@ -54,7 +54,10 @@ export function BillsListTableComponent({
   const recordActions = (record, showView = false) => (
     <Space wrap>
       {showView && (
-        <Button onClick={() => handleOnRowClick(record)}>
+        <Button
+          onClick={() => handleOnRowClick(record)}
+          data-cy="edit-bill-button"
+        >
           <EditFilled />
         </Button>
       )}
@@ -178,6 +181,7 @@ export function BillsListTableComponent({
           {job && job.converted ? (
             <>
               <Button
+                data-cy="bills-post-button"
                 onClick={() => {
                   setBillEnterContext({
                     actions: { refetch: billsQuery.refetch },
@@ -217,6 +221,7 @@ export function BillsListTableComponent({
       }
     >
       <Table
+        data-cy="bills-table"
         loading={billsQuery.loading}
         scroll={{
           x: true, // y: "50rem"

client/src/components/documents-local-upload/documents-local-upload.component.jsx

@@ -35,6 +35,7 @@ export function DocumentsLocalUploadComponent({
 
   return (
     <Upload.Dragger
+      id="bill-document-upload"
       multiple={true}
       fileList={fileList}
       onChange={(f) => {

client/src/components/parts-order-list-table/parts-order-list-table.component.jsx

@@ -148,6 +148,7 @@ export function PartsOrderListTableComponent({
         </Button>
       </Popconfirm>
       <Button
+        data-cy="receive-bill-button"
         disabled={
           (jobRO ? !record.return : jobRO) ||
           record.vendor.id === bodyshop.inhousevendorid
@@ -478,6 +479,7 @@ export function PartsOrderListTableComponent({
         {selectedPartsOrderRecord && rowExpander(selectedPartsOrderRecord)}
       </Drawer>
       <Table
+        data-cy="part-orders-table"
         loading={billsQuery.loading}
         scroll={{
           x: true,

client/src/components/vendor-search-select/vendor-search-select.component.jsx

@@ -7,7 +7,16 @@ const { Option } = Select;
 //To be used as a form element only.
 
 const VendorSearchSelect = (
-  { value, onChange, options, onSelect, disabled, preferredMake, showPhone },
+  {
+    value,
+    onChange,
+    options,
+    onSelect,
+    disabled,
+    preferredMake,
+    showPhone,
+    ...rest
+  },
   ref
 ) => {
   const [option, setOption] = useState(value);
@@ -43,6 +52,7 @@ const VendorSearchSelect = (
       optionFilterProp="name"
       onSelect={onSelect}
       disabled={disabled || false}
+      {...rest}
     >
       {favorites
         ? favorites.map((o) => (

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -312,7 +312,7 @@ export function JobsDetailPage({
           </Tabs.TabPane>
           <Tabs.TabPane
             tab={
-              <span>
+              <span data-cy="tab-partssublet">
                 <ToolFilled />
                 {t("menus.jobsdetail.partssublet")}
               </span>