From db9261a9a424030b94b1baf34432bfec54227699 Mon Sep 17 00:00:00 2001
From: auslin-aot <99173163+auslin-aot@users.noreply.github.com>
Date: Mon, 1 Jan 2024 11:07:32 +0530
Subject: [PATCH] data test id added for draft detail (#1819)

---
 forms-flow-web/src/components/Draft/Edit.js      | 3 ++-
 forms-flow-web/src/components/Draft/ViewDraft.js | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/forms-flow-web/src/components/Draft/Edit.js b/forms-flow-web/src/components/Draft/Edit.js
index f215cff081..9240e9ef2d 100644
--- a/forms-flow-web/src/components/Draft/Edit.js
+++ b/forms-flow-web/src/components/Draft/Edit.js
@@ -246,7 +246,7 @@ const View = React.memo((props) => {
             onConfirm={props.onConfirm}
           ></SubmissionError>
           {isAuthenticated ? (
-            <Link title={t("Back to Drafts")} to={`${redirectUrl}draft`} className="">
+            <Link data-testid="back-to-drafts-link" title={t("Back to Drafts")} to={`${redirectUrl}draft`} className="">
               <i className="fa fa-chevron-left fa-lg me-2" />
             </Link>
           ) : null}
@@ -265,6 +265,7 @@ const View = React.memo((props) => {
         </div>
         {processData?.status === "active" ? (
           <button
+            data-testid="draft-discard"
             className="btn btn-danger me-2"
             style={{ width: "8.5em" }}
             onClick={() => deleteDraft()}
diff --git a/forms-flow-web/src/components/Draft/ViewDraft.js b/forms-flow-web/src/components/Draft/ViewDraft.js
index bd2f1bab70..1d55199818 100644
--- a/forms-flow-web/src/components/Draft/ViewDraft.js
+++ b/forms-flow-web/src/components/Draft/ViewDraft.js
@@ -69,7 +69,7 @@ const ViewDraft = React.memo(() => {
   return (
     <div className="" id="main">
       <div className="d-flex align-items-center">
-        <Link title={t("Back to Drafts")} to={`${redirectUrl}draft`} className="mt-1">
+        <Link data-testid="back-to-drafts-link" title={t("Back to Drafts")} to={`${redirectUrl}draft`} className="mt-1">
           <i className="fa fa-chevron-left fa-lg me-2" />
         </Link>
         <h3 className="">
@@ -83,18 +83,21 @@ const ViewDraft = React.memo(() => {
       <br />
       <Tabs id="application-details" defaultActiveKey="details" mountOnEnter>
         <Tab
+          data-testid="draft-details-tab"
           eventKey="details"
           title={<Translation>{(t) => t("Details")}</Translation>}
         >
           <Details draft={draftDetail} />
         </Tab>
         <Tab
+          data-testid="draft-form-tab"
           eventKey="form"
           title={<Translation>{(t) => t("Form")}</Translation>}
         >
           <View page="draft-detail" showPrintButton={false} />
         </Tab>
         <Tab
+          data-testid="draft-process-diagram-tab"
           eventKey="process-diagram"
           title={<Translation>{(t) => t("Process Diagram")}</Translation>}
         >