@ory/elements-react 1.0.0-next.20 → 1.0.0-next.22

package/dist/index.mjs

@@ -3539,7 +3539,7 @@ function SettingsSectionContent({ group, nodes }) {
       OryFormSection,
       {
         nodes: uniqueGroups.groups.totp,
-        "data-testid": "totp-settings",
+        "data-testid": "ory/screen/settings/group/totp",
         children: [
           /* @__PURE__ */ jsx(OrySettingsTotp, { nodes: (_a = uniqueGroups.groups.totp) != null ? _a : [] }),
           (_b = uniqueGroups.groups.default) == null ? void 0 : _b.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
@@ -3552,7 +3552,7 @@ function SettingsSectionContent({ group, nodes }) {
       OryFormSection,
       {
         nodes: uniqueGroups.groups.lookup_secret,
-        "data-testid": "recovery-codes-settings",
+        "data-testid": "ory/screen/settings/group/lookup_secret",
         children: [
           /* @__PURE__ */ jsx(
             OrySettingsRecoveryCodes,
@@ -3570,7 +3570,7 @@ function SettingsSectionContent({ group, nodes }) {
       OryFormSection,
       {
         nodes: uniqueGroups.groups.oidc,
-        "data-testid": "oidc-settings",
+        "data-testid": "ory/screen/settings/group/oidc",
         children: [
           /* @__PURE__ */ jsx(OrySettingsOidc, { nodes: (_e = uniqueGroups.groups.oidc) != null ? _e : [] }),
           (_f = uniqueGroups.groups.default) == null ? void 0 : _f.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
@@ -3583,7 +3583,7 @@ function SettingsSectionContent({ group, nodes }) {
       OryFormSection,
       {
         nodes: uniqueGroups.groups.webauthn,
-        "data-testid": "webauthn-settings",
+        "data-testid": "ory/screen/settings/group/webauthn",
         children: [
           /* @__PURE__ */ jsx(OrySettingsWebauthn, { nodes: (_g = uniqueGroups.groups.webauthn) != null ? _g : [] }),
           (_h = uniqueGroups.groups.default) == null ? void 0 : _h.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
@@ -3596,7 +3596,7 @@ function SettingsSectionContent({ group, nodes }) {
       OryFormSection,
       {
         nodes: uniqueGroups.groups.passkey,
-        "data-testid": "passkey-settings",
+        "data-testid": "ory/screen/settings/group/passkey",
         children: [
           /* @__PURE__ */ jsx(OrySettingsPasskey, { nodes: (_i = uniqueGroups.groups.passkey) != null ? _i : [] }),
           (_j = uniqueGroups.groups.default) == null ? void 0 : _j.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
@@ -3604,28 +3604,35 @@ function SettingsSectionContent({ group, nodes }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs(OryFormSection, { nodes, "data-testid": `${group}-settings`, children: [
-    /* @__PURE__ */ jsxs(
-      Card.SettingsSectionContent,
-      {
-        title: intl.formatMessage({
-          id: `settings.${group}.title`
-        }),
-        description: intl.formatMessage({
-          id: `settings.${group}.description`
-        }),
-        children: [
-          (_k = uniqueGroups.groups.default) == null ? void 0 : _k.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),
-          nodes.filter(
-            (node) => "type" in node.attributes && node.attributes.type !== "submit"
-          ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: nodes.filter(
-      (node) => "type" in node.attributes && node.attributes.type === "submit"
-    ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    OryFormSection,
+    {
+      nodes,
+      "data-testid": `ory/screen/settings/group/${group}`,
+      children: [
+        /* @__PURE__ */ jsxs(
+          Card.SettingsSectionContent,
+          {
+            title: intl.formatMessage({
+              id: `settings.${group}.title`
+            }),
+            description: intl.formatMessage({
+              id: `settings.${group}.description`
+            }),
+            children: [
+              (_k = uniqueGroups.groups.default) == null ? void 0 : _k.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),
+              nodes.filter(
+                (node) => "type" in node.attributes && node.attributes.type !== "submit"
+              ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: nodes.filter(
+          (node) => "type" in node.attributes && node.attributes.type === "submit"
+        ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)) })
+      ]
+    }
+  );
 }
 var getScriptNode = (nodes) => nodes.find(
   (node) => "id" in node.attributes && node.attributes.id === "webauthn_script"
@@ -3697,7 +3704,7 @@ var uiTextToFormattedMessage = ({ id, context = {}, text }, intl) => {
 // src/util/test-id.ts
 function messageTestId(message) {
   return {
-    "data-testid": `ory/ui/message/${message.id}`
+    "data-testid": `ory/message/${message.id}`
   };
 }