Flow exact properties testing

frenic · Mar 16, 2018 · d2ebebd · d2ebebd
1 parent e039910
commit d2ebebd
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/typecheck.js b/typecheck.js
@@ -2,7 +2,10 @@
 
 import * as CSS from './';
 
-const css: CSS.Properties<*> = {
+// Fallback due to https://github.com/frenic/csstype/issues/17
+type Exact<T> = T & $Shape<T>;
+
+const css: Exact<CSS.Properties<*>> = {
   flexGrow: 1,
   flexShrink: 1,
   flexBasis: '1px',
@@ -14,7 +17,7 @@ const css: CSS.Properties<*> = {
   height: '1px',
 };
 
-const cssWithFallbackValues: CSS.PropertiesFallback<*> = {
+const cssWithFallbackValues: Exact<CSS.PropertiesFallback<*>> = {
   flexGrow: [1],
   flexShrink: [1],
   flexBasis: ['1px'],
@@ -26,7 +29,7 @@ const cssWithFallbackValues: CSS.PropertiesFallback<*> = {
   height: ['1px'],
 };
 
-const cssWithHyphenProperties: CSS.PropertiesHyphen<*> = {
+const cssWithHyphenProperties: Exact<CSS.PropertiesHyphen<*>> = {
   'flex-grow': 1,
   'flex-shrink': 0,
   'flex-basis': '1px',
@@ -38,11 +41,11 @@ const cssWithHyphenProperties: CSS.PropertiesHyphen<*> = {
   height: '1px',
 };
 
-const cssWithBothCamelAndHyphenProperties: CSS.Properties<*> & CSS.PropertiesHyphen<*> = {
+const cssWithBothCamelAndHyphenProperties: $Exact<CSS.Properties<*>> & $Exact<CSS.PropertiesHyphen<*>> = {
   animation: '',
 };
 
-const atRuleFontFace: CSS.FontFace = {
+const atRuleFontFace: $Exact<CSS.FontFace> = {
   fontFamily: '',
   fontWeight: 'normal',
 };