ManageIQ/manageiq-ui-classic

View on GitHub
app/javascript/spec/simple-table/__snapshots__/simple-table.spec.js.snap

Summary

Maintainability
Test Coverage
// 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>
`;