From 76bfe76be99ee978c5c7332f9a8bd9e8c13a64c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafa=C5=82=20Cie=C5=9Blak?= <rafal.cieslak@goteleport.com>
Date: Fri, 29 Nov 2024 14:41:24 +0100
Subject: [PATCH] Add simple type test for design components (#49538)

---
 .../src/styled-components.type-test.tsx       | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 web/packages/design/src/styled-components.type-test.tsx

diff --git a/web/packages/design/src/styled-components.type-test.tsx b/web/packages/design/src/styled-components.type-test.tsx
new file mode 100644
index 0000000000000..76c2a02c584ca
--- /dev/null
+++ b/web/packages/design/src/styled-components.type-test.tsx
@@ -0,0 +1,37 @@
+/**
+ * Teleport
+ * Copyright (C) 2024 Gravitational, Inc.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import Box from './Box';
+
+/**
+ * TypeTest is supposed to catch regressions in the types for our design components.
+ *
+ * The file name specifically uses the "type-test.tsx" suffix so that this file isn't ran by Jest.
+ */
+export const TypeTest = () => (
+  <Box>
+    <Box
+      // @ts-expect-error Prop that doesn't exist on Box.
+      nonexistentprop
+    />
+    <Box
+      // @ts-expect-error Valid prop but invalid value type.
+      alignSelf={2}
+    />
+  </Box>
+);