Move TypographyPreview to prod so that the preview can be rendered in…

… Android Studio.
element-hq · Feb 3, 2025 · 62f1f25 · 62f1f25
1 parent 2017152
commit 62f1f25
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 36 deletions.
diff --git a/compound/src/main/kotlin/io/element/android/compound/previews/Typography.kt b/compound/src/main/kotlin/io/element/android/compound/previews/Typography.kt
@@ -0,0 +1,49 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+package io.element.android.compound.previews
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import io.element.android.compound.theme.ElementTheme
+
+@Preview
+@Composable
+fun TypographyPreview() = ElementTheme {
+    Surface {
+        Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
+            with(ElementTheme.materialTypography) {
+                TypographyTokenPreview(displayLarge, "Display large")
+                TypographyTokenPreview(displayMedium, "Display medium")
+                TypographyTokenPreview(displaySmall, "Display small")
+                TypographyTokenPreview(headlineLarge, "Headline large")
+                TypographyTokenPreview(headlineMedium, "Headline medium")
+                TypographyTokenPreview(headlineSmall, "Headline small")
+                TypographyTokenPreview(titleLarge, "Title large")
+                TypographyTokenPreview(titleMedium, "Title medium")
+                TypographyTokenPreview(titleSmall, "Title small")
+                TypographyTokenPreview(bodyLarge, "Body large")
+                TypographyTokenPreview(bodyMedium, "Body medium")
+                TypographyTokenPreview(bodySmall, "Body small")
+                TypographyTokenPreview(labelLarge, "Label large")
+                TypographyTokenPreview(labelMedium, "Label medium")
+                TypographyTokenPreview(labelSmall, "Label small")
+            }
+        }
+    }
+}
+
+@Composable
+private fun TypographyTokenPreview(style: TextStyle, text: String) {
+    Text(text = text, style = style)
+}
diff --git a/compound/src/test/kotlin/io/element/android/compound/screenshot/MaterialTypographyTests.kt b/compound/src/test/kotlin/io/element/android/compound/screenshot/MaterialTypographyTests.kt
@@ -1,16 +1,9 @@
 package io.element.android.compound.screenshot
 
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Column
-import androidx.compose.material3.Surface
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.unit.dp
 import androidx.test.ext.junit.runners.AndroidJUnit4
 import com.github.takahirom.roborazzi.captureRoboImage
+import io.element.android.compound.previews.TypographyPreview
 import io.element.android.compound.screenshot.utils.screenshotFile
-import io.element.android.compound.theme.ElementTheme
 import org.junit.Test
 import org.junit.runner.RunWith
 import org.robolectric.annotation.Config
@@ -23,34 +16,7 @@ class MaterialTypographyTests {
     @Config(sdk = [35], qualifiers = "h2048dp-xxhdpi")
     fun screenshots() {
         captureRoboImage(file = screenshotFile("Material Typography.png")) {
-            ElementTheme {
-                Surface {
-                    Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
-                        with(ElementTheme.materialTypography) {
-                            TypographyTokenPreview(displayLarge, "Display large")
-                            TypographyTokenPreview(displayMedium, "Display medium")
-                            TypographyTokenPreview(displaySmall, "Display small")
-                            TypographyTokenPreview(headlineLarge, "Headline large")
-                            TypographyTokenPreview(headlineMedium, "Headline medium")
-                            TypographyTokenPreview(headlineSmall, "Headline small")
-                            TypographyTokenPreview(titleLarge, "Title large")
-                            TypographyTokenPreview(titleMedium, "Title medium")
-                            TypographyTokenPreview(titleSmall, "Title small")
-                            TypographyTokenPreview(bodyLarge, "Body large")
-                            TypographyTokenPreview(bodyMedium, "Body medium")
-                            TypographyTokenPreview(bodySmall, "Body small")
-                            TypographyTokenPreview(labelLarge, "Label large")
-                            TypographyTokenPreview(labelMedium, "Label medium")
-                            TypographyTokenPreview(labelSmall, "Label small")
-                        }
-                    }
-                }
-            }
+            TypographyPreview()
         }
     }
-
-    @Composable
-    private fun TypographyTokenPreview(style: TextStyle, text: String) {
-        Text(text = text, style = style)
-    }
 }