app/javascript/spec/simple-table/__snapshots__/simple-table.spec.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Simple react table should render correctly 1`] = `
<DataDrivenTable
columns={
Array [
Array [
"column-one",
"First label",
],
Array [
"column-two",
"Second label",
Object {
"className": "custom-className-of-cells",
},
],
]
}
rows={
Array [
Object {
"column-one": "Row 1 first column",
"column-two": <span>
Custom component for column 2 row 1
</span>,
},
Object {
"column-one": "Row 2 second column",
"column-two": <button
className="button pf-button"
onClick={[Function]}
type="button"
>
Click me!
</button>,
},
]
}
transform={[Function]}
>
<Table
className="table dataTable table-striped table-bordered table-hover"
>
<table
className="table dataTable table-striped table-bordered table-hover"
>
<TableHead>
<thead>
<TableRow>
<tr>
<TableHeading
key="column-one"
>
<th>
First label
</th>
</TableHeading>
<TableHeading
className="custom-className-of-cells"
key="column-two"
>
<th
className="custom-className-of-cells"
>
Second label
</th>
</TableHeading>
</tr>
</TableRow>
</thead>
</TableHead>
<TableBody>
<tbody>
<TableRow
key="row-0"
onClick={[Function]}
>
<tr
onClick={[Function]}
>
<TableCell
key="0-column-one"
>
<td>
Row 1 first column
</td>
</TableCell>
<TableCell
className="custom-className-of-cells"
key="1-column-two"
>
<td
className="custom-className-of-cells"
>
<span>
Custom component for column 2 row 1
</span>
</td>
</TableCell>
</tr>
</TableRow>
<TableRow
key="row-1"
onClick={[Function]}
>
<tr
onClick={[Function]}
>
<TableCell
key="0-column-one"
>
<td>
Row 2 second column
</td>
</TableCell>
<TableCell
className="custom-className-of-cells"
key="1-column-two"
>
<td
className="custom-className-of-cells"
>
<button
className="button pf-button"
onClick={[Function]}
type="button"
>
Click me!
</button>
</td>
</TableCell>
</tr>
</TableRow>
</tbody>
</TableBody>
</table>
</Table>
</DataDrivenTable>
`;