diff --git a/libs/components/src/stories/kitchen-sink/components/kitchen-sink-main.component.ts b/libs/components/src/stories/kitchen-sink/components/kitchen-sink-main.component.ts
index 767659de3cb..6083b3d66e1 100644
--- a/libs/components/src/stories/kitchen-sink/components/kitchen-sink-main.component.ts
+++ b/libs/components/src/stories/kitchen-sink/components/kitchen-sink-main.component.ts
@@ -105,7 +105,21 @@ class KitchenSinkDialog {
@@ -149,6 +163,14 @@ class KitchenSinkDialog {
+
+
+ You can learn more things at:
+
+ - Help center
+ - Support
+
+
`,
})
export class KitchenSinkMainComponent {
diff --git a/libs/components/src/stories/kitchen-sink/kitchen-sink.stories.ts b/libs/components/src/stories/kitchen-sink/kitchen-sink.stories.ts
index 671a8d9ad82..cb8a72e1b3f 100644
--- a/libs/components/src/stories/kitchen-sink/kitchen-sink.stories.ts
+++ b/libs/components/src/stories/kitchen-sink/kitchen-sink.stories.ts
@@ -6,7 +6,6 @@ import {
userEvent,
getAllByRole,
getByRole,
- getByLabelText,
fireEvent,
getByText,
getAllByLabelText,
@@ -155,16 +154,11 @@ export const PopoverOpen: Story = {
render: Default.render,
play: async (context) => {
const canvas = context.canvasElement;
- const passwordLabelIcon = getByLabelText(canvas, "A random password (required)", {
- selector: "button",
+ const popoverLink = getByRole(canvas, "button", {
+ name: "Popover trigger link",
});
- await userEvent.click(passwordLabelIcon);
- },
- parameters: {
- chromatic: {
- disableSnapshot: true,
- },
+ await userEvent.click(popoverLink);
},
};