fix some tests and accessibilities

Author: Parvinmh

src/packages/tour/components/TourTooltip.ts

@@ -331,13 +331,11 @@ const Buttons = ({
 };
 
 export const Header = ({
-  text,
   title,
   skipLabel,
   renderAsHtml,
   onSkipClick,
 }: {
-  text: string;
   title: string;
   skipLabel: string;
   renderAsHtml?: boolean;
@@ -468,7 +466,7 @@ export const TourTooltip = ({
   const text = step.intro;
   const position = step.position;
 
-  children.push(Header({ text, title, skipLabel, renderAsHtml, onSkipClick }));
+  children.push(Header({ title, skipLabel, renderAsHtml, onSkipClick }));
 
   children.push(
     TooltipContent({

src/packages/tour/mock.ts

@@ -6,6 +6,7 @@ import {
   dataPosition,
   dataStepAttribute,
 } from "./dataAttributes";
+import { title } from "process";
 
 const { div, b, a, h1 } = dom.tags;
 
@@ -23,7 +24,7 @@ export const appendMockSteps = (targetElement: HTMLElement = document.body) => {
     "Mock element second to last"
   );
   mockElementThree.setAttribute(dataStepAttribute, "10");
-
+  mockElementThree.setAttribute(title, "this is title");
   const mockElementFour = a();
   mockElementFour.setAttribute(dataIntroAttribute, "Mock element last");
   mockElementFour.setAttribute(dataStepAttribute, "20");
@@ -54,12 +55,14 @@ export const getMockPartialSteps = (): Partial<TourStep>[] => {
       element: "h1",
     },
     {
+      title: "second title",
       intro: "Step Four of the tour",
       position: "right",
       scrollTo: "off",
       element: document.createElement("div"),
     },
     {
+      title: "third title",
       element: ".not-found",
       intro: "Element not found",
     },