From 49ed85490cba3b159eeedc5d4aa707feff42e2c4 Mon Sep 17 00:00:00 2001
From: Alano Terblanche <18033717+Benehiko@users.noreply.github.com>
Date: Mon, 25 Sep 2023 15:39:29 +0200
Subject: [PATCH] feat: hide label on hidden input type

---
 src/react-components/input-field.tsx          |  2 +-
 .../ory/helpers/node.spec.tsx                 | 28 +++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 src/react-components/ory/helpers/node.spec.tsx

diff --git a/src/react-components/input-field.tsx b/src/react-components/input-field.tsx
index 35fa15cb6..3f40a29ff 100644
--- a/src/react-components/input-field.tsx
+++ b/src/react-components/input-field.tsx
@@ -40,7 +40,7 @@ export const InputField = ({
       data-testid={dataTestid}
       className={cn(className, gridStyle({ gap: 4 }))}
     >
-      {title && (
+      {title && props.type !== "hidden" && (
         <label
           htmlFor={inputId}
           className={typographyStyle({ size: "small", type: "regular" })}
diff --git a/src/react-components/ory/helpers/node.spec.tsx b/src/react-components/ory/helpers/node.spec.tsx
new file mode 100644
index 000000000..4eeca7232
--- /dev/null
+++ b/src/react-components/ory/helpers/node.spec.tsx
@@ -0,0 +1,28 @@
+import { test, expect } from "@playwright/experimental-ct-react"
+import { Node } from "./node"
+
+test("hidden input field shouldn't show label", async ({ mount }) => {
+  const component = await mount(
+    <Node
+      node={{
+        group: "default",
+        attributes: {
+          name: "name",
+          disabled: false,
+          type: "hidden",
+          node_type: "input",
+          label: {
+            type: "info",
+            text: "Hidden input",
+            id: 1234,
+          },
+        },
+        messages: [],
+        meta: {},
+        type: "input",
+      }}
+    />,
+  )
+
+  await expect(component).toBeHidden()
+})