1 files changed, 86 insertions, 0 deletions
diff --git a/tests/manual/quickcontrols/material/pages/TextFieldPage.qml b/tests/manual/quickcontrols/material/pages/TextFieldPage.qml
new file mode 100644
index 0000000000..4890047a78
--- /dev/null
+++ b/tests/manual/quickcontrols/material/pages/TextFieldPage.qml
@@ -0,0 +1,86 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+import QtQuick
+import QtQuick.Controls.Material
+import QtQuick.Layouts
+
+import ".."
+
+Page {
+    topPadding: Constants.pageTopPadding
+
+    component TextFieldFlow: Flow {
+        id: layout
+        spacing: 40
+
+        required property int containerStyle
+
+        TextField {
+            Material.containerStyle: layout.containerStyle
+        }
+
+        TextField {
+            placeholderText: "placeholderText"
+
+            Material.containerStyle: layout.containerStyle
+        }
+
+        TextField {
+            text: "text"
+
+            Material.containerStyle: layout.containerStyle
+        }
+
+        TextField {
+            text: "text"
+            placeholderText: "placeholderText"
+
+            Material.containerStyle: layout.containerStyle
+        }
+
+        TextField {
+            placeholderText: "Disabled placeholder"
+            enabled: false
+
+            Material.containerStyle: layout.containerStyle
+        }
+
+        TextField {
+            text: "Disabled text"
+            enabled: false
+
+            Material.containerStyle: layout.containerStyle
+        }
+
+        TextField {
+            text: "text"
+            placeholderText: "placeholderText"
+            enabled: false
+
+            Material.containerStyle: layout.containerStyle
+        }
+    }
+
+    ColumnLayout {
+        width: parent.width
+
+        Label {
+            text: "Filled"
+        }
+        TextFieldFlow {
+            containerStyle: Material.Filled
+
+            Layout.fillWidth: true
+            Layout.bottomMargin: 40
+        }
+
+        Label {
+            text: "Outlined"
+        }
+        TextFieldFlow {
+            containerStyle: Material.Outlined
+
+            Layout.fillWidth: true
+        }
+    }
+}