sentry/tests/js/spec/views/settings/__snapshots__/organizationApiKeyDetailsView.spec.jsx.snap

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

exports[`OrganizationApiKeyDetails renders 1`] = `
<OrganizationApiKeyDetails
  params={
    Object {
      "apiKey": 1,
      "orgId": "org-slug",
    }
  }
>
  <SideEffect(DocumentTitle)
    title="Organization Name Edit API Key - Sentry"
  >
    <DocumentTitle
      title="Organization Name Edit API Key - Sentry"
    >
      <div>
        <div
          className="page-header"
        >
          <h3>
            Edit Api Key
          </h3>
        </div>
        <ApiForm
          apiEndpoint="/organizations/org-slug/api-keys/1/"
          apiMethod="PUT"
          cancelLabel="Cancel"
          className="form-stacked"
          errorMessage="Unable to save your changes. Please ensure all fields are valid and try again."
          footerClass="form-actions align-right"
          hideErrors={false}
          initialData={
            Object {
              "allowed_origins": "",
              "id": 1,
              "key": "aa624bcc12024702a202cd90be5feda0",
              "label": "Default",
              "scope_list": Array [
                "project:read",
                "event:read",
                "team:read",
                "member:read",
              ],
              "status": 0,
            }
          }
          onCancel={[Function]}
          onSubmitError={[Function]}
          onSubmitSuccess={[Function]}
          requireChanges={false}
          resetOnError={false}
          submitDisabled={false}
          submitErrorMessage="There was an error saving your changes."
          submitLabel="Save Changes"
          submitLoadingMessage="Saving changes.."
        >
          <StyledForm
            className="form-stacked"
            onSubmit={[Function]}
          >
            <form
              className="form-stacked css-10f3krf-StyledForm e18zovyk0"
              onSubmit={[Function]}
            >
              <SplitLayout
                splitWidth={15}
              >
                <SpreadLayout
                  center={true}
                  className="split-layout"
                  responsive={false}
                >
                  <div
                    className="spread-layout split-layout center"
                  >
                    <TextField
                      className="split-layout-child"
                      disabled={false}
                      hideErrorMessage={false}
                      key=".0"
                      label="Label"
                      name="label"
                      required={false}
                      style={
                        Object {
                          "marginRight": 15,
                        }
                      }
                    >
                      <div
                        className="split-layout-child control-group"
                        style={
                          Object {
                            "marginRight": 15,
                          }
                        }
                      >
                        <div
                          className="controls"
                        >
                          <label
                            className="control-label"
                            htmlFor="id-label"
                          >
                            Label
                          </label>
                          <input
                            className="form-control"
                            disabled={false}
                            id="id-label"
                            name="label"
                            onChange={[Function]}
                            required={false}
                            type="text"
                            value="Default"
                          />
                        </div>
                      </div>
                    </TextField>
                    <TextField
                      className="split-layout-child"
                      disabled={true}
                      hideErrorMessage={false}
                      key=".1"
                      label="API Key"
                      name="key"
                      required={false}
                      style={
                        Object {
                          "marginRight": undefined,
                        }
                      }
                    >
                      <div
                        className="split-layout-child control-group"
                        style={
                          Object {
                            "marginRight": undefined,
                          }
                        }
                      >
                        <div
                          className="controls"
                        >
                          <label
                            className="control-label"
                            htmlFor="id-key"
                          >
                            API Key
                          </label>
                          <input
                            className="form-control"
                            disabled={true}
                            id="id-key"
                            name="key"
                            onChange={[Function]}
                            required={false}
                            type="text"
                            value="aa624bcc12024702a202cd90be5feda0"
                          />
                        </div>
                      </div>
                    </TextField>
                  </div>
                </SpreadLayout>
              </SplitLayout>
              <MultipleCheckboxField
                choices={
                  Array [
                    Array [
                      "project:read",
                      "project:read",
                    ],
                    Array [
                      "project:write",
                      "project:write",
                    ],
                    Array [
                      "project:admin",
                      "project:admin",
                    ],
                    Array [
                      "project:releases",
                      "project:releases",
                    ],
                    Array [
                      "team:read",
                      "team:read",
                    ],
                    Array [
                      "team:write",
                      "team:write",
                    ],
                    Array [
                      "team:admin",
                      "team:admin",
                    ],
                    Array [
                      "event:read",
                      "event:read",
                    ],
                    Array [
                      "event:write",
                      "event:write",
                    ],
                    Array [
                      "event:admin",
                      "event:admin",
                    ],
                    Array [
                      "org:read",
                      "org:read",
                    ],
                    Array [
                      "org:write",
                      "org:write",
                    ],
                    Array [
                      "org:admin",
                      "org:admin",
                    ],
                    Array [
                      "member:read",
                      "member:read",
                    ],
                    Array [
                      "member:write",
                      "member:write",
                    ],
                    Array [
                      "member:admin",
                      "member:admin",
                    ],
                  ]
                }
                className="api-key-details"
                disabled={false}
                hideErrorMessage={false}
                label="Scopes"
                name="scope_list"
                required={true}
              >
                <div
                  className="api-key-details control-group"
                >
                  <div
                    className="required"
                  >
                    <div
                      className="controls"
                    >
                      <label
                        className="control-label"
                        style={
                          Object {
                            "borderBottom": "1px solid #f1eff3",
                            "display": "block",
                            "marginBottom": 10,
                          }
                        }
                      >
                        Scopes
                      </label>
                    </div>
                  </div>
                  <div
                    className="control-list"
                  >
                    <label
                      className="checkbox"
                      key="project:read"
                    >
                      <input
                        checked={true}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="project:read"
                      />
                      project:read
                    </label>
                    <label
                      className="checkbox"
                      key="project:write"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="project:write"
                      />
                      project:write
                    </label>
                    <label
                      className="checkbox"
                      key="project:admin"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="project:admin"
                      />
                      project:admin
                    </label>
                    <label
                      className="checkbox"
                      key="project:releases"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="project:releases"
                      />
                      project:releases
                    </label>
                    <label
                      className="checkbox"
                      key="team:read"
                    >
                      <input
                        checked={true}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="team:read"
                      />
                      team:read
                    </label>
                    <label
                      className="checkbox"
                      key="team:write"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="team:write"
                      />
                      team:write
                    </label>
                    <label
                      className="checkbox"
                      key="team:admin"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="team:admin"
                      />
                      team:admin
                    </label>
                    <label
                      className="checkbox"
                      key="event:read"
                    >
                      <input
                        checked={true}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="event:read"
                      />
                      event:read
                    </label>
                    <label
                      className="checkbox"
                      key="event:write"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="event:write"
                      />
                      event:write
                    </label>
                    <label
                      className="checkbox"
                      key="event:admin"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="event:admin"
                      />
                      event:admin
                    </label>
                    <label
                      className="checkbox"
                      key="org:read"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="org:read"
                      />
                      org:read
                    </label>
                    <label
                      className="checkbox"
                      key="org:write"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="org:write"
                      />
                      org:write
                    </label>
                    <label
                      className="checkbox"
                      key="org:admin"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="org:admin"
                      />
                      org:admin
                    </label>
                    <label
                      className="checkbox"
                      key="member:read"
                    >
                      <input
                        checked={true}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="member:read"
                      />
                      member:read
                    </label>
                    <label
                      className="checkbox"
                      key="member:write"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="member:write"
                      />
                      member:write
                    </label>
                    <label
                      className="checkbox"
                      key="member:admin"
                    >
                      <input
                        checked={false}
                        disabled={false}
                        onChange={[Function]}
                        type="checkbox"
                        value="member:admin"
                      />
                      member:admin
                    </label>
                  </div>
                </div>
              </MultipleCheckboxField>
              <TextareaField
                disabled={false}
                help="Separate multiple entries with a newline"
                hideErrorMessage={false}
                label="Allowed Domains"
                name="allowed_origins"
                placeholder="e.g. example.com or https://example.com"
                required={false}
              >
                <div
                  className="control-group"
                >
                  <div
                    className="controls"
                  >
                    <label
                      className="control-label"
                      htmlFor="id-allowed_origins"
                    >
                      Allowed Domains
                    </label>
                    <textarea
                      className="form-control"
                      disabled={false}
                      id="id-allowed_origins"
                      onChange={[Function]}
                      placeholder="e.g. example.com or https://example.com"
                      required={false}
                      value=""
                    />
                    <p
                      className="help-block"
                    >
                      Separate multiple entries with a newline
                    </p>
                  </div>
                </div>
              </TextareaField>
              <div
                className="form-actions align-right"
                style={
                  Object {
                    "marginTop": 25,
                  }
                }
              >
                <button
                  className="btn btn-primary"
                  disabled={false}
                  type="submit"
                >
                  Save Changes
                </button>
                <button
                  className="btn btn-default"
                  disabled={false}
                  onClick={[Function]}
                  style={
                    Object {
                      "marginLeft": 5,
                    }
                  }
                  type="button"
                >
                  Cancel
                </button>
              </div>
            </form>
          </StyledForm>
        </ApiForm>
      </div>
    </DocumentTitle>
  </SideEffect(DocumentTitle)>
</OrganizationApiKeyDetails>
`;