tests: render a theme upon using its className

implydata · Aug 23, 2021 · 974c588 · 974c588
1 parent f75e0a8
commit 974c588
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/packages/core/tests/theme.js b/packages/core/tests/theme.js
@@ -57,5 +57,21 @@ describe('Theme', () => {
 				`}`
 			)
 		}
-	}) // prettier-ignore
+	})
+
+	test('theme.className injects the theme', () => {
+		const { getCssText, createTheme } = createStitches()
+
+		const theme = createTheme({
+			colors: {
+				blue: '#0000ff',
+			}
+		})
+
+		expect(getCssText()).toBe(``)
+
+		void theme.className
+
+		expect(getCssText()).toBe(`--sxs{--sxs:0 t-gpVVQE}@media{.t-gpVVQE{--colors-blue:#0000ff}}`)
+	})
 })