@gamelearn/arcade-components 3.12.5 → 3.12.6

package/dist/arcade-components.js

@@ -25989,6 +25989,7 @@ function VideoVisor({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "video",
           {
+            "data-testid": "video-visor-video",
             autoPlay: h,
             onMouseMove: () => Q(),
             onClick: () => {
@@ -30501,35 +30502,45 @@ function ConversationalProComponent({
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(DecisionComponent, { ...Xe });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "conversation--layer", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "conversation", style: B ? { backgroundImage: `url("${B}")` } : null, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SlotList, { ...Le, ttsStarted: N }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "conversation--body", dir: "auto", children: [
-      le ? /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { current: le, translate: ee }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "conversation--controls", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            className: `gat--btn__round ${dt ? "disabled" : ""}`,
-            disabled: dt ? !0 : "",
-            type: "button",
-            onClick: Ve,
-            "aria-label": LangIsRtl() ? ee("storylines.misc.forward") : ee("storylines.misc.rewind"),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: LangIsRtl() ? "icon-next" : "icon-back" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            className: `gat--btn__round ${b && Me() ? "glowing-animation" : ""}`,
-            type: "button",
-            onClick: De,
-            "aria-label": LangIsRtl() ? ee("storylines.misc.rewind") : ee("storylines.misc.forward"),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: LangIsRtl() ? "icon-back" : "icon-next" })
-          }
-        )
-      ] })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "conversation--layer", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      "data-testid": "conversational-pro-image",
+      className: "conversation",
+      style: B ? { backgroundImage: `url("${B}")` } : null,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SlotList, { ...Le, ttsStarted: N }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "conversation--body", dir: "auto", children: [
+          le ? /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { current: le, translate: ee }) : null,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "conversation--controls", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                "data-testid": "conversational-pro-button-back",
+                className: `gat--btn__round ${dt ? "disabled" : ""}`,
+                disabled: dt ? !0 : "",
+                type: "button",
+                onClick: Ve,
+                "aria-label": LangIsRtl() ? ee("storylines.misc.forward") : ee("storylines.misc.rewind"),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: LangIsRtl() ? "icon-next" : "icon-back" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                "data-testid": "conversational-pro-button-next",
+                className: `gat--btn__round ${b && Me() ? "glowing-animation" : ""}`,
+                type: "button",
+                onClick: De,
+                "aria-label": LangIsRtl() ? ee("storylines.misc.rewind") : ee("storylines.misc.forward"),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: LangIsRtl() ? "icon-back" : "icon-next" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
 }
 ConversationalProComponent.defaultProps = {
   background: {},
@@ -30554,6 +30565,7 @@ function ConversationalComponent({ emitEvent: l, soundActions: e, messages: n, c
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "conversation--layer", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
+      "data-testid": "conversation-component",
       className: "conversation arcade-conversation",
       style: p ? { backgroundImage: `url("${p}")` } : {},
       children: [
@@ -30574,13 +30586,23 @@ function ConversationalComponent({ emitEvent: l, soundActions: e, messages: n, c
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
+                "data-testid": "conversational-back-button",
                 className: `gat--btn__round ${f > 0 ? "" : "visibility--hidden"}`,
                 type: "button",
                 onClick: E,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-back" })
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "gat--btn__round", type: "button", onClick: S, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-next" }) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                "data-testid": "conversational-next-button",
+                className: "gat--btn__round",
+                type: "button",
+                onClick: S,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-next" })
+              }
+            )
           ] })
         ] })
       ]
@@ -30853,6 +30875,7 @@ function CartelComponent({
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "position--absolute center right", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
+        "data-testid": "cartel-close-button",
         type: "button",
         className: "gat--btn__round",
         onClick: () => C(),
@@ -32181,6 +32204,7 @@ function FeedbackComponent$1({
         "button",
         {
           type: "button",
+          "data-testid": "close-feedback",
           className: "gat--btn__navigation",
           onClick: () => s(),
           "aria-label": d("storylines.misc.closePiece"),
@@ -54931,7 +54955,7 @@ function CurrentImageClickPuzzle({
     },
     [
       E,
-      B.correctFeedbacks.length,
+      B,
       M.hasClickOnce,
       M.areas.length,
       M.hasClickOrder,
@@ -55290,6 +55314,7 @@ function FrameImageClickComponent({
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "puzzle-frame__controls", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "puzzle-frame__progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
+          "data-testid": "puzzle-frame-progress",
           style: {
             width: `${b / M * 100}%`
           },
@@ -55299,6 +55324,7 @@ function FrameImageClickComponent({
       s ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
+          "data-testid": "puzzle-frame-counter-button",
           disabled: C,
           "aria-hidden": C,
           type: "button",
@@ -56201,6 +56227,7 @@ function Card({ card: l, handleClick: e, flipped: n, cardIndex: t, wrongOrder: s
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
+      "data-testid": `card-${t}`,
       type: "button",
       order: l.order,
       onClick: () => {