grafana-jool/public/app/features/teams/__snapshots__/TeamGroupSync.test.tsx.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Render should render component 1`] = `
<div>
  <div
    className="page-action-bar"
  >
    <h3
      className="page-sub-heading"
    >
      External group sync
    </h3>
    <Tooltip
      content="Sync LDAP or OAuth groups with your Grafana teams."
      placement="auto"
    >
      <Icon
        className="icon--has-hover page-sub-heading-icon"
        name="question-circle"
      />
    </Tooltip>
    <div
      className="page-action-bar__spacer"
    />
  </div>
  <SlideDown
    in={false}
  >
    <div
      className="cta-form"
    >
      <CloseButton
        onClick={[Function]}
      />
      <h5>
        Add External Group
      </h5>
      <form
        className="gf-form-inline"
        onSubmit={[Function]}
      >
        <div
          className="gf-form"
        >
          <Input
            className="gf-form-input width-30"
            onChange={[Function]}
            placeholder="cn=ops,ou=groups,dc=grafana,dc=org"
            type="text"
            value=""
          />
        </div>
        <div
          className="gf-form"
        >
          <Button
            disabled={true}
            type="submit"
          >
            Add group
          </Button>
        </div>
      </form>
    </div>
  </SlideDown>
  <EmptyListCTA
    buttonIcon="users-alt"
    buttonTitle="Add Group"
    onClick={[Function]}
    proTip="Sync LDAP or OAuth groups with your Grafana teams."
    proTipLink="http://docs.grafana.org/auth/enhanced_ldap/"
    proTipLinkTitle="Learn more"
    proTipTarget="_blank"
    title="There are no external groups to sync with"
  />
</div>
`;

exports[`Render should render groups table 1`] = `
<div>
  <div
    className="page-action-bar"
  >
    <h3
      className="page-sub-heading"
    >
      External group sync
    </h3>
    <Tooltip
      content="Sync LDAP or OAuth groups with your Grafana teams."
      placement="auto"
    >
      <Icon
        className="icon--has-hover page-sub-heading-icon"
        name="question-circle"
      />
    </Tooltip>
    <div
      className="page-action-bar__spacer"
    />
    <Button
      className="pull-right"
      onClick={[Function]}
    >
      <Icon
        name="plus"
      />
       Add group
    </Button>
  </div>
  <SlideDown
    in={false}
  >
    <div
      className="cta-form"
    >
      <CloseButton
        onClick={[Function]}
      />
      <h5>
        Add External Group
      </h5>
      <form
        className="gf-form-inline"
        onSubmit={[Function]}
      >
        <div
          className="gf-form"
        >
          <Input
            className="gf-form-input width-30"
            onChange={[Function]}
            placeholder="cn=ops,ou=groups,dc=grafana,dc=org"
            type="text"
            value=""
          />
        </div>
        <div
          className="gf-form"
        >
          <Button
            disabled={true}
            type="submit"
          >
            Add group
          </Button>
        </div>
      </form>
    </div>
  </SlideDown>
  <div
    className="admin-list-table"
  >
    <table
      className="filter-table filter-table--hover form-inline"
    >
      <thead>
        <tr>
          <th>
            External Group ID
          </th>
          <th
            style={
              Object {
                "width": "1%",
              }
            }
          />
        </tr>
      </thead>
      <tbody>
        <tr
          key="group-1"
        >
          <td>
            group-1
          </td>
          <td
            style={
              Object {
                "width": "1%",
              }
            }
          >
            <Button
              onClick={[Function]}
              size="sm"
              variant="destructive"
            >
              <Icon
                name="times"
              />
            </Button>
          </td>
        </tr>
        <tr
          key="group-2"
        >
          <td>
            group-2
          </td>
          <td
            style={
              Object {
                "width": "1%",
              }
            }
          >
            <Button
              onClick={[Function]}
              size="sm"
              variant="destructive"
            >
              <Icon
                name="times"
              />
            </Button>
          </td>
        </tr>
        <tr
          key="group-3"
        >
          <td>
            group-3
          </td>
          <td
            style={
              Object {
                "width": "1%",
              }
            }
          >
            <Button
              onClick={[Function]}
              size="sm"
              variant="destructive"
            >
              <Icon
                name="times"
              />
            </Button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
`;