test(types): test for tsx style validation

vuejs · Mar 1, 2021 · 3f9906a · 3f9906a
1 parent 75fdcd8
commit 3f9906a
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/test-dts/tsx.test-d.tsx b/test-dts/tsx.test-d.tsx
@@ -12,6 +12,15 @@ expectType<JSX.Element>(<div />)
 expectType<JSX.Element>(<div id="foo" />)
 expectType<JSX.Element>(<input value="foo" />)
 
+// @ts-expect-error style css property validation
+expectError(<div style={{ unknown: 123 }} />)
+
+// allow array styles and nested array styles
+expectType<JSX.Element>(<div style={[{ color: 'red' }]} />)
+expectType<JSX.Element>(
+  <div style={[{ color: 'red' }, [{ fontSize: '1em' }]]} />
+)
+
 // @ts-expect-error unknown prop
 expectError(<div foo="bar" />)