@ansible/ansible-ui-framework 2.4.481 → 2.4.482

package/index.js

@@ -8992,7 +8992,7 @@ function Zp(e) {
       },
       isCompact: e.isCompact,
       className: "page-dashboard-card",
-      "data-cy": e.title,
+      "data-cy": e.supertitle,
       children: [
         (e.title || e.linkText) && /* @__PURE__ */ v.jsx(JS, { children: /* @__PURE__ */ v.jsxs(mn, { style: { width: "100%" }, children: [
           /* @__PURE__ */ v.jsxs(
@@ -9005,9 +9005,9 @@ function Zp(e) {
               style: { columnGap: 24, rowGap: 8 },
               children: [
                 /* @__PURE__ */ v.jsx(Xe, { grow: { default: "grow" }, children: /* @__PURE__ */ v.jsx(At, { spaceItems: { default: "spaceItemsNone" }, children: /* @__PURE__ */ v.jsx(Xe, { children: /* @__PURE__ */ v.jsxs(mn, { children: [
-                  e.supertitle && /* @__PURE__ */ v.jsx(ga, { component: "small", style: { opacity: 0.8 }, children: e.supertitle }),
+                  e.supertitle && /* @__PURE__ */ v.jsx(ga, { "data-cy": e.supertitle, component: "small", style: { opacity: 0.8 }, children: e.supertitle }),
                   /* @__PURE__ */ v.jsxs(At, { spaceItems: { default: "spaceItemsNone" }, children: [
-                    /* @__PURE__ */ v.jsx(_r, { headingLevel: "h3", size: "xl", children: e.title }),
+                    /* @__PURE__ */ v.jsx(_r, { "data-cy": e.title, headingLevel: "h3", size: "xl", children: e.title }),
                     /* @__PURE__ */ v.jsx(Xe, { alignSelf: { default: "alignSelfFlexStart" }, children: /* @__PURE__ */ v.jsx(
                       Zs,
                       {
@@ -9017,10 +9017,10 @@ function Zp(e) {
                       }
                     ) })
                   ] }),
-                  e.subtitle && /* @__PURE__ */ v.jsx(ga, { component: "small", style: { opacity: 0.8 }, children: e.subtitle })
+                  e.subtitle && /* @__PURE__ */ v.jsx(ga, { "data-cy": e.subtitle, component: "small", style: { opacity: 0.8 }, children: e.subtitle })
                 ] }) }) }) }),
                 e.headerControls && /* @__PURE__ */ v.jsx(Xe, { children: e.headerControls }),
-                /* @__PURE__ */ v.jsx(Xe, { children: /* @__PURE__ */ v.jsx(ga, { component: "small", children: e.linkText && /* @__PURE__ */ v.jsx(rl, { to: e.to, children: e.linkText }) }) })
+                /* @__PURE__ */ v.jsx(Xe, { children: /* @__PURE__ */ v.jsx(ga, { "data-cy": e.linkText, component: "small", children: e.linkText && /* @__PURE__ */ v.jsx(rl, { to: e.to, children: e.linkText }) }) })
               ]
             }
           ),
@@ -34550,6 +34550,7 @@ function e5e(e) {
       je,
       {
         variant: n ? "primary" : "control",
+        "data-cy": "apply-filter",
         "aria-label": "apply filter",
         onClick: () => {
           e.addFilter(n), r("");
@@ -35159,8 +35160,8 @@ function u5e(e) {
   const { title: t, description: n, icon: r, button: a, footNote: i, image: o, variant: l, style: s } = e;
   return /* @__PURE__ */ v.jsxs($d, { variant: l || aj.full, style: s, isFullHeight: !0, children: [
     r && /* @__PURE__ */ v.jsx(Dd, { icon: r }),
-    /* @__PURE__ */ v.jsx(_r, { headingLevel: "h4", size: "lg", children: t }),
-    /* @__PURE__ */ v.jsx(Mi, { children: n }),
+    /* @__PURE__ */ v.jsx(_r, { "data-cy": e.title, headingLevel: "h4", size: "lg", children: t }),
+    /* @__PURE__ */ v.jsx(Mi, { "data-cy": e.description, children: n }),
     a && /* @__PURE__ */ v.jsx(ij, { children: a }),
     o && /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
       " ",
@@ -43775,7 +43776,7 @@ function HCe(e) {
                   ] }),
                   position: "bottom-start",
                   removeFindDomNode: !0,
-                  children: /* @__PURE__ */ v.jsxs(_r, { headingLevel: "h1", children: [
+                  children: /* @__PURE__ */ v.jsxs(_r, { "data-cy": "page-title", headingLevel: "h1", children: [
                     n,
                     /* @__PURE__ */ v.jsx(
                       je,
@@ -43792,12 +43793,21 @@ function HCe(e) {
                     )
                   ] })
                 }
-              ) : /* @__PURE__ */ v.jsx(_r, { headingLevel: "h1", children: n }) : /* @__PURE__ */ v.jsx(_r, { headingLevel: "h1", children: /* @__PURE__ */ v.jsx(Ln, { width: "160px" }) }),
-              c && r && /* @__PURE__ */ v.jsx(ga, { component: "p", style: { paddingTop: s ? 4 : 2, opacity: 0.8 }, children: typeof r == "string" ? /* @__PURE__ */ v.jsx(Io, { content: r }) : /* @__PURE__ */ v.jsx(mn, { children: r.map((h) => /* @__PURE__ */ v.jsx(Oi, { children: h }, h)) }) })
+              ) : /* @__PURE__ */ v.jsx(_r, { "data-cy": "page-title", headingLevel: "h1", children: n }) : /* @__PURE__ */ v.jsx(_r, { headingLevel: "h1", children: /* @__PURE__ */ v.jsx(Ln, { width: "160px" }) }),
+              c && r && /* @__PURE__ */ v.jsx(
+                ga,
+                {
+                  "data-cy": "app-description",
+                  component: "p",
+                  style: { paddingTop: s ? 4 : 2, opacity: 0.8 },
+                  children: typeof r == "string" ? /* @__PURE__ */ v.jsx(Io, { content: r }) : /* @__PURE__ */ v.jsx(mn, { children: r.map((h) => /* @__PURE__ */ v.jsx(Oi, { children: h }, h)) })
+                }
+              )
             ] }),
             n && (i || a) && /* @__PURE__ */ v.jsxs(
               At,
               {
+                "data-cy": "manage-view",
                 direction: { default: "column" },
                 spaceItems: { default: "spaceItemsSm", xl: "spaceItemsMd" },
                 justifyContent: { default: "justifyContentCenter" },
@@ -43842,7 +43852,7 @@ function iTe(e) {
       children: [
         /* @__PURE__ */ v.jsx(GCe, {}),
         /* @__PURE__ */ v.jsx(Cj, { children: /* @__PURE__ */ v.jsx(Aj, { children: e.icon }) }),
-        /* @__PURE__ */ v.jsx(Tj, { style: { marginLeft: 0 }, children: /* @__PURE__ */ v.jsx(o0, { id: "toolbar", inset: { default: "insetNone" }, children: /* @__PURE__ */ v.jsxs(iO, { children: [
+        /* @__PURE__ */ v.jsx(Tj, { style: { marginLeft: 0 }, children: /* @__PURE__ */ v.jsx(o0, { id: "toolbar", "data-cy": "toolbar", inset: { default: "insetNone" }, children: /* @__PURE__ */ v.jsxs(iO, { children: [
           t && /* @__PURE__ */ v.jsx(Dn, { children: /* @__PURE__ */ v.jsxs(
             mn,
             {
@@ -43869,13 +43879,13 @@ function YCe(e) {
 }
 function KCe(e) {
   const { navigation: t } = e, n = Uh();
-  return /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ v.jsx(v.Fragment, { children: /* @__PURE__ */ v.jsx(
     Pj,
     {
       isNavOpen: n.isOpen,
-      nav: /* @__PURE__ */ v.jsx(jj, { className: "side-nav", children: /* @__PURE__ */ v.jsx($j, { children: /* @__PURE__ */ v.jsx(Pu, { baseRoute: "", items: t }) }) })
+      nav: /* @__PURE__ */ v.jsx(jj, { "data-cy": "page-navigation", className: "side-nav", children: /* @__PURE__ */ v.jsx($j, { children: /* @__PURE__ */ v.jsx(Pu, { baseRoute: "", items: t }) }) })
     }
-  );
+  ) });
 }
 function Pu(e) {
   return /* @__PURE__ */ v.jsx(v.Fragment, { children: e.items.map((t, n) => /* @__PURE__ */ v.jsx(ZCe, { item: t, baseRoute: e.baseRoute }, n)) });