sentry/tests/js/spec/components/__snapshots__/confirmDelete.spec.jsx.snap

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

exports[`ConfirmDelete renders 1`] = `
<ModalDialog
  bsClass="modal"
  className="in"
  onClick={[Function]}
  role="document"
  style={Object {}}
  tabIndex="-1"
>
  <div
    className="in modal"
    onClick={[Function]}
    role="dialog"
    style={
      Object {
        "display": "block",
      }
    }
    tabIndex="-1"
  >
    <div
      className="modal-dialog"
    >
      <div
        className="modal-content"
        role="document"
      >
        <div
          className="modal-body"
        >
          <Alert
            iconSize="24px"
            type="error"
          >
            <AlertWrapper
              className="ref-error"
              type="error"
            >
              <Base
                className="ref-error css-ozkcmb-AlertWrapper e1xb5l7j1"
                type="error"
              >
                <div
                  className="ref-error css-ozkcmb-AlertWrapper e1xb5l7j1"
                  is={null}
                  type="error"
                >
                  <StyledTextBlock>
                    <Component
                      className="css-1h3n7tg-TextBlock-StyledTextBlock e1xb5l7j2"
                    >
                      <div
                        className="css-1h3n7tg-TextBlock-StyledTextBlock e1xb5l7j2"
                      >
                        Are you sure?
                      </div>
                    </Component>
                  </StyledTextBlock>
                </div>
              </Base>
            </AlertWrapper>
          </Alert>
          <Field
            alignRight={false}
            disabled={false}
            flexibleControlStateSize={true}
            inline={false}
            label={
              <div>
                Please enter 
                <code>
                  CoolOrg
                </code>
                 to confirm the deletion
              </div>
            }
            p={0}
            required={false}
            visible={true}
          >
            <FieldWrapper
              hasControlState={false}
              inline={false}
            >
              <Component
                className="css-11ihpht-FieldWrapper-getPadding-borderStyle-inlineStyle etqqcs20"
              >
                <Flex
                  className="css-11ihpht-FieldWrapper-getPadding-borderStyle-inlineStyle etqqcs20"
                >
                  <Base
                    className="etqqcs20 css-1uohzo7-FieldWrapper-getPadding-borderStyle-inlineStyle"
                  >
                    <div
                      className="etqqcs20 css-1uohzo7-FieldWrapper-getPadding-borderStyle-inlineStyle"
                      is={null}
                    >
                      <FieldDescription
                        inline={false}
                      >
                        <Component
                          className="css-jq43rd-FieldDescription-inlineStyle e12jefmo0"
                          inline={false}
                        >
                          <label
                            className="css-jq43rd-FieldDescription-inlineStyle e12jefmo0"
                          >
                            <FieldLabel
                              disabled={false}
                            >
                              <div
                                className="css-qzvhly-FieldLabel ejkuyjq0"
                              >
                                <div>
                                  Please enter 
                                  <code>
                                    CoolOrg
                                  </code>
                                   to confirm the deletion
                                </div>
                                 
                              </div>
                            </FieldLabel>
                          </label>
                        </Component>
                      </FieldDescription>
                      <FieldControl
                        alignRight={false}
                        disabled={false}
                        flexibleControlStateSize={true}
                        inline={false}
                      >
                        <FieldControlErrorWrapper
                          inline={false}
                        >
                          <Component
                            className="css-1ge7tqf-FieldControlErrorWrapper e78b1iv0"
                            inline={false}
                          >
                            <Box
                              className="css-1ge7tqf-FieldControlErrorWrapper e78b1iv0"
                            >
                              <Base
                                className="e78b1iv0 css-nnn2ut-FieldControlErrorWrapper"
                              >
                                <div
                                  className="e78b1iv0 css-nnn2ut-FieldControlErrorWrapper"
                                  is={null}
                                >
                                  <FieldControlWrapper>
                                    <Component
                                      className="css-1ke1xob-FieldControlWrapper e78b1iv2"
                                    >
                                      <Flex
                                        className="css-1ke1xob-FieldControlWrapper e78b1iv2"
                                      >
                                        <Base
                                          className="e78b1iv2 css-w4o1g8-FieldControlWrapper"
                                        >
                                          <div
                                            className="e78b1iv2 css-w4o1g8-FieldControlWrapper"
                                            is={null}
                                          >
                                            <FieldControlStyled
                                              alignRight={false}
                                            >
                                              <Component
                                                alignRight={false}
                                                className="css-1pkvhmy-FieldControlStyled e78b1iv1"
                                              >
                                                <Box
                                                  className="css-1pkvhmy-FieldControlStyled e78b1iv1"
                                                >
                                                  <Base
                                                    className="e78b1iv1 css-wkkbba-FieldControlStyled"
                                                  >
                                                    <div
                                                      className="e78b1iv1 css-wkkbba-FieldControlStyled"
                                                      is={null}
                                                    >
                                                      <Input
                                                        onChange={[Function]}
                                                        placeholder="CoolOrg"
                                                        type="text"
                                                        value=""
                                                      >
                                                        <input
                                                          className="css-pzg7em-Input-inputStyles e1xej46s0"
                                                          onChange={[Function]}
                                                          placeholder="CoolOrg"
                                                          type="text"
                                                          value=""
                                                        />
                                                      </Input>
                                                    </div>
                                                  </Base>
                                                </Box>
                                              </Component>
                                            </FieldControlStyled>
                                            <FieldControlState
                                              flexibleControlStateSize={true}
                                            >
                                              <Component
                                                className="css-1x60lk6-FieldControlState e1rziqw00"
                                                flexibleControlStateSize={true}
                                              >
                                                <Flex
                                                  className="css-1x60lk6-FieldControlState e1rziqw00"
                                                >
                                                  <Base
                                                    className="e1rziqw00 css-dgyrfj-FieldControlState"
                                                  >
                                                    <div
                                                      className="e1rziqw00 css-dgyrfj-FieldControlState"
                                                      is={null}
                                                    />
                                                  </Base>
                                                </Flex>
                                              </Component>
                                            </FieldControlState>
                                          </div>
                                        </Base>
                                      </Flex>
                                    </Component>
                                  </FieldControlWrapper>
                                </div>
                              </Base>
                            </Box>
                          </Component>
                        </FieldControlErrorWrapper>
                      </FieldControl>
                    </div>
                  </Base>
                </Flex>
              </Component>
            </FieldWrapper>
          </Field>
        </div>
        <div
          className="modal-footer"
        >
          <Button
            disabled={false}
            onClick={[Function]}
            style={
              Object {
                "marginRight": 10,
              }
            }
          >
            <StyledButton
              aria-label="Cancel"
              disabled={false}
              onClick={[Function]}
              role="button"
              style={
                Object {
                  "marginRight": 10,
                }
              }
            >
              <Component
                aria-label="Cancel"
                className="css-cmo08-StyledButton-getColors eqrebog0"
                disabled={false}
                onClick={[Function]}
                role="button"
                style={
                  Object {
                    "marginRight": 10,
                  }
                }
              >
                <button
                  aria-label="Cancel"
                  className="css-cmo08-StyledButton-getColors eqrebog0"
                  disabled={false}
                  onClick={[Function]}
                  role="button"
                  style={
                    Object {
                      "marginRight": 10,
                    }
                  }
                >
                  <ButtonLabel>
                    <Component
                      className="css-ga4b18-ButtonLabel eqrebog1"
                    >
                      <span
                        className="css-ga4b18-ButtonLabel eqrebog1"
                      >
                        Cancel
                      </span>
                    </Component>
                  </ButtonLabel>
                </button>
              </Component>
            </StyledButton>
          </Button>
          <Button
            autoFocus={true}
            data-test-id="confirm-modal"
            disabled={true}
            onClick={[Function]}
            priority="primary"
          >
            <StyledButton
              aria-label="Confirm"
              autoFocus={true}
              data-test-id="confirm-modal"
              disabled={true}
              href={null}
              onClick={[Function]}
              priority="primary"
              role="button"
              to={null}
            >
              <Component
                aria-label="Confirm"
                autoFocus={true}
                className="css-bo8dlg-StyledButton-getColors eqrebog0"
                data-test-id="confirm-modal"
                disabled={true}
                href={null}
                onClick={[Function]}
                priority="primary"
                role="button"
                to={null}
              >
                <button
                  aria-label="Confirm"
                  autoFocus={true}
                  className="css-bo8dlg-StyledButton-getColors eqrebog0"
                  data-test-id="confirm-modal"
                  disabled={true}
                  href={null}
                  onClick={[Function]}
                  priority="primary"
                  role="button"
                  to={null}
                >
                  <ButtonLabel
                    priority="primary"
                  >
                    <Component
                      className="css-ga4b18-ButtonLabel eqrebog1"
                      priority="primary"
                    >
                      <span
                        className="css-ga4b18-ButtonLabel eqrebog1"
                      >
                        Confirm
                      </span>
                    </Component>
                  </ButtonLabel>
                </button>
              </Component>
            </StyledButton>
          </Button>
        </div>
      </div>
    </div>
  </div>
</ModalDialog>
`;