diff --git a/test/typescript/components.spec.tsx b/test/typescript/components.spec.tsx
index 9e243b2838ef13..439611ac8db635 100644
--- a/test/typescript/components.spec.tsx
+++ b/test/typescript/components.spec.tsx
@@ -38,6 +38,7 @@ import {
   TextField,
   Toolbar,
   Typography,
+  Grid,
 } from '../../src';
 import Collapse from '../../src/transitions/Collapse';
 import { GridList } from '../../src/GridList';
@@ -321,6 +322,13 @@ const DockedDrawerTest = () =>
     }
   };
 
+const GridTest = () =>
+  <Grid container>
+    <Grid item xs={12}>...</Grid>
+    <Grid item sm={12}>...</Grid>
+    <Grid item xl={true}>...</Grid>
+  </Grid>
+
 const GridListTest = () =>
   <GridList cellHeight={160} cols={3}>
     <GridListTest cols={1}>