[New #113] Add interaction test

src/stories/QuestionCommentIcon.stories.tsx

@@ -3,7 +3,8 @@ import QuestionCommentIcon from "../components/comment/QuestionCommentIcon";
 import { ComponentMeta, ComponentStory } from "@storybook/react";
 import IntlContextProvider from "../contexts/IntlContextProvider";
 import { ConfigurationContextProvider } from "../contexts/ConfigurationContext";
-import { screen, userEvent, within } from "@storybook/testing-library";
+import { userEvent, within } from "@storybook/testing-library";
+import { expect } from '@storybook/jest';
 
 import question from "./assets/question/question.json";
 import questionWithComment from "./assets/question/questionWithComment.json";
@@ -44,16 +45,29 @@ Default.args = {
   question: question,
 };
 
+export const TooltipOpen = Template.bind({});
+TooltipOpen.args = {
+  question: question,
+};
+TooltipOpen.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  await userEvent.click(canvas.getByTestId("comment-bubble"));
+};
+
 export const WithComment = Template.bind({});
 WithComment.args = {
   question: questionWithComment,
 };
 
-export const TooltipOpen = Template.bind({});
-TooltipOpen.args = {
-  question: question,
+export const TooltipOpenWithComment = Template.bind({});
+TooltipOpenWithComment.args = {
+  question: questionWithComment,
 };
-TooltipOpen.play = async ({ canvasElement }) => {
+
+TooltipOpenWithComment.play = async ({ canvasElement }) => {
   const canvas = within(canvasElement);
   await userEvent.click(canvas.getByTestId("comment-bubble"));
+  await expect(canvas.getByRole('tooltip')).toBeInTheDocument();
+  await expect(canvas.getByText("Hello, my name is Max Chopart")).toBeInTheDocument();
 };
+