update for tests

Talend · Jul 27, 2023 · e27e9e6 · e27e9e6
1 parent 28849c5
commit e27e9e6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 11 deletions.
diff --git a/packages/components/src/SubHeaderBar/SubHeaderBar.component.js b/packages/components/src/SubHeaderBar/SubHeaderBar.component.js
@@ -120,6 +120,7 @@ function SubHeaderBar({
 								size="M"
 								onClick={onGoBack}
 								id="backArrow"
+								data-testid="tc-subheader-backArrow"
 								data-feature={goBackDataFeature}
 							>
 								{t('BACK_ARROW_TOOLTIP', { defaultValue: 'Go back' })}

diff --git a/packages/components/src/SubHeaderBar/SubHeaderBar.test.js b/packages/components/src/SubHeaderBar/SubHeaderBar.test.js
@@ -200,7 +200,7 @@ describe('SubHeaderBar', () => {
 		};
 		render(<SubHeaderBar {...props} />);
 		expect(screen.getByText('myTitle')).toBeVisible();
-		expect(screen.getByLabelText('Go back')).toBeVisible();
+		expect(screen.getByTestId('tc-subheader-backArrow')).toBeVisible();
 	});
 
 	it('Should render SubHeader component if right actions are in loading state', () => {

diff --git a/packages/components/src/SubHeaderBar/__snapshots__/SubHeaderBar.test.js.snap b/packages/components/src/SubHeaderBar/__snapshots__/SubHeaderBar.test.js.snap
@@ -13,18 +13,18 @@ exports[`SubHeaderBar should render 1`] = `
       <div
         class="theme-navbar-left navbar-left"
       >
-        <button
-          aria-describedby="42"
-          aria-label="Go back"
-          class="theme-tc-subheader-back-button tc-subheader-back-button btn-icon-only btn btn-link"
-          id="backArrow"
-          type="button"
+        <div
+          class="theme-tc-subheader-back-button tc-subheader-back-button"
         >
           <span
-            class="CoralIcon"
-            name="talend-arrow-left"
-          />
-        </button>
+            class="CoralButtonIcon"
+            data-testid="tc-subheader-backArrow"
+            icon="arrow-left"
+            id="backArrow"
+          >
+            Go back
+          </span>
+        </div>
         <div
           class="tc-subheader-details theme-tc-subheader-details"
         >