fix: jest test failure

appsmithorg · Jul 10, 2024 · 126197d · 126197d
1 parent 7755e3a
commit 126197d
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 3 deletions.
diff --git a/app/client/src/pages/Editor/IDE/EditorPane/JS/BlankState.tsx b/app/client/src/pages/Editor/IDE/EditorPane/JS/BlankState.tsx
@@ -21,6 +21,7 @@ const BlankState: React.FC = () => {
   return (
     <EmptyState
       buttonClassName="t--add-item"
+      buttonTestId="t--add-item"
       buttonText={createMessage(EDITOR_PANE_TEXTS.js_add_button)}
       description={createMessage(EDITOR_PANE_TEXTS.js_blank_state_description)}
       icon={"js-square-v3"}

diff --git a/app/client/src/pages/Editor/IDE/EditorPane/Query/BlankState.tsx b/app/client/src/pages/Editor/IDE/EditorPane/Query/BlankState.tsx
@@ -21,6 +21,7 @@ const BlankState: React.FC = () => {
   return (
     <EmptyState
       buttonClassName="t--add-item"
+      buttonTestId="t--add-item"
       buttonText={createMessage(EDITOR_PANE_TEXTS.query_add_button)}
       description={createMessage(
         EDITOR_PANE_TEXTS.query_blank_state_description,

diff --git a/app/client/src/pages/Editor/IDE/EditorPane/Query/QueryRender.test.tsx b/app/client/src/pages/Editor/IDE/EditorPane/Query/QueryRender.test.tsx
@@ -171,7 +171,7 @@ describe("IDE URL rendering of Queries", () => {
       // Check if run button is visible
       getByRole("button", { name: /run/i });
       // Check if the Add new button is shown
-      getByRole("button", { name: "New query / API" });
+      getByTestId("t--add-item");
     });
 
     it("Renders Api routes in Split Screen", async () => {
@@ -346,7 +346,7 @@ describe("IDE URL rendering of Queries", () => {
       // Check if run button is visible
       getByRole("button", { name: /run/i });
       // Check if the Add new button is shown
-      getByRole("button", { name: "New query / API" });
+      getByTestId("t--add-item");
     });
     it("Renders Postgres routes in Split screen", async () => {
       const page = PageFactory.build();
@@ -537,7 +537,7 @@ describe("IDE URL rendering of Queries", () => {
       // Check if run button is visible
       getByRole("button", { name: /run/i });
       // Check if the Add new button is shown
-      getByRole("button", { name: "New query / API" });
+      getByTestId("t--add-item");
     });
     it("Renders Google Sheets routes in Split screen", async () => {
       const page = PageFactory.build();

diff --git a/app/client/src/pages/Editor/IDE/EditorPane/components/AddAndSearchbar.tsx b/app/client/src/pages/Editor/IDE/EditorPane/components/AddAndSearchbar.tsx
@@ -14,6 +14,7 @@ const AddAndSearchbar = ({ hasAddPermission, onAddClick, onSearch }: Props) => {
       {hasAddPermission ? (
         <Button
           className="t--add-item !min-w-[24px]"
+          data-testid="t--add-item"
           isIconButton
           kind={"secondary"}
           onClick={onAddClick}

diff --git a/app/client/src/pages/Editor/IDE/EditorPane/components/EmptyState.tsx b/app/client/src/pages/Editor/IDE/EditorPane/components/EmptyState.tsx
@@ -7,10 +7,12 @@ interface EmptyStateProps {
   buttonText: string;
   onClick?: () => void;
   buttonClassName?: string;
+  buttonTestId?: string;
 }
 
 const EmptyState = ({
   buttonClassName,
+  buttonTestId,
   buttonText,
   description,
   icon,
@@ -46,6 +48,7 @@ const EmptyState = ({
       {onClick && (
         <Button
           className={buttonClassName}
+          data-testid={buttonTestId}
           kind={"secondary"}
           onClick={onClick}
           size={"sm"}