added a couple stories to test selected keys and dividers (#2163)

Co-authored-by: Robert Snow <[email protected]>

Author: ktabors

packages/@react-spectrum/table/stories/Table.stories.tsx

@@ -246,6 +246,40 @@ storiesOf('TableView', module)
       </TableView>
     )
   )
+  .add(
+    'defaultSelectedKeys, dynamic, multiple selection, showDivider',
+    () => (
+      <TableView defaultSelectedKeys={['Foo 1', 'Foo 3']} onSelectionChange={s => onSelectionChange([...s])} selectionMode="multiple" aria-label="TableView with dynamic contents" width={300} height={200}>
+        <TableHeader columns={columns}>
+          {column => <Column showDivider>{column.name}</Column>}
+        </TableHeader>
+        <TableBody items={items}>
+          {item =>
+            (<Row key={item.foo}>
+              {key => <Cell>{item[key]}</Cell>}
+            </Row>)
+          }
+        </TableBody>
+      </TableView>
+    )
+  )
+  .add(
+    'selectedKeys, dynamic, multiple selection, quiet, showDider',
+    () => (
+      <TableView isQuiet selectedKeys={['Foo 1', 'Foo 3']} onSelectionChange={s => onSelectionChange([...s])} selectionMode="multiple" aria-label="TableView with dynamic contents" width={300} height={200}>
+        <TableHeader columns={columns}>
+          {column => <Column showDivider>{column.name}</Column>}
+        </TableHeader>
+        <TableBody items={items}>
+          {item =>
+            (<Row key={item.foo}>
+              {key => <Cell>{item[key]}</Cell>}
+            </Row>)
+          }
+        </TableBody>
+      </TableView>
+    )
+  )
   .add(
     // For testing https://github.com/adobe/react-spectrum/issues/1885
     'swap selection mode',