ManageIQ/manageiq-ui-classic

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

exports[`ProtocolSelector component should match the snapshot 1`] = `
<ProtocolSelector
  component="protocol-selector"
  label="Type"
  name="type"
  options={
    Array [
      Object {
        "label": "STF",
        "pivot": "endpoints.stf.host",
        "value": "stf",
      },
      Object {
        "label": "AMQP",
        "pivot": "endponts.amqp.host",
        "value": "amqp",
      },
    ]
  }
>
  <SelectWithOnChange
    component="protocol-selector"
    label="Type"
    name="type"
    onChange={[Function]}
    options={
      Array [
        Object {
          "label": "STF",
          "pivot": "endpoints.stf.host",
          "value": "stf",
        },
        Object {
          "label": "AMQP",
          "pivot": "endponts.amqp.host",
          "value": "amqp",
        },
      ]
    }
    placeholder="<Choose>"
  >
    <Select
      component="protocol-selector"
      label="Type"
      loadingMessage="Loading..."
      name="type"
      options={
        Array [
          Object {
            "label": "STF",
            "pivot": "endpoints.stf.host",
            "value": "stf",
          },
          Object {
            "label": "AMQP",
            "pivot": "endponts.amqp.host",
            "value": "amqp",
          },
        ]
      }
      placeholder="<Choose>"
    >
      <Select
        SelectComponent={[Function]}
        invalidText=""
        labelText="Type"
        loadOptionsChangeCounter={1}
        loadingMessage="Loading..."
        name="type"
        onBlur={[Function]}
        onChange={[Function]}
        onFocus={[Function]}
        options={
          Array [
            Object {
              "label": "STF",
              "pivot": "endpoints.stf.host",
              "value": "stf",
            },
            Object {
              "label": "AMQP",
              "pivot": "endponts.amqp.host",
              "value": "amqp",
            },
          ]
        }
        placeholder="<Choose>"
        simpleValue={false}
        value=""
      >
        <ClearedSelect
          className=""
          closeMenuOnSelect={true}
          hideSelectedOptions={false}
          invalidText=""
          isClearable={false}
          isFetching={false}
          isSearchable={false}
          labelText="Type"
          name="type"
          noOptionsMessage={[Function]}
          onBlur={[Function]}
          onChange={[Function]}
          onFocus={[Function]}
          onInputChange={[Function]}
          options={
            Array [
              Object {
                "label": "STF",
                "pivot": "endpoints.stf.host",
                "value": "stf",
              },
              Object {
                "label": "AMQP",
                "pivot": "endponts.amqp.host",
                "value": "amqp",
              },
            ]
          }
          placeholder="<Choose>"
          value=""
        >
          <Select
            className=""
            disabled={false}
            helperText=""
            id="type"
            inline={false}
            invalid={false}
            invalidText=""
            labelText="Type"
            light={false}
            name="type"
            onBlur={[Function]}
            onChange={[Function]}
            onFocus={[Function]}
            value=""
          >
            <div
              className="bx--form-item"
            >
              <div
                className="bx--select"
              >
                <label
                  className="bx--label"
                  htmlFor="type"
                >
                  Type
                </label>
                <div
                  className="bx--select-input__wrapper"
                  data-invalid={null}
                >
                  <select
                    className="bx--select-input"
                    id="type"
                    name="type"
                    onBlur={[Function]}
                    onChange={[Function]}
                    onFocus={[Function]}
                    value=""
                  >
                    <SelectItem
                      disabled={false}
                      hidden={false}
                      key="stf"
                      label="STF"
                      pivot="endpoints.stf.host"
                      text="STF"
                      value="stf"
                    >
                      <option
                        className="bx--select-option"
                        disabled={false}
                        hidden={false}
                        label="STF"
                        pivot="endpoints.stf.host"
                        value="stf"
                      >
                        STF
                      </option>
                    </SelectItem>
                    <SelectItem
                      disabled={false}
                      hidden={false}
                      key="amqp"
                      label="AMQP"
                      pivot="endponts.amqp.host"
                      text="AMQP"
                      value="amqp"
                    >
                      <option
                        className="bx--select-option"
                        disabled={false}
                        hidden={false}
                        label="AMQP"
                        pivot="endponts.amqp.host"
                        value="amqp"
                      >
                        AMQP
                      </option>
                    </SelectItem>
                  </select>
                  <ForwardRef(ChevronDown16)
                    className="bx--select__arrow"
                  >
                    <Icon
                      className="bx--select__arrow"
                      fill="currentColor"
                      height={16}
                      preserveAspectRatio="xMidYMid meet"
                      viewBox="0 0 16 16"
                      width={16}
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <svg
                        aria-hidden={true}
                        className="bx--select__arrow"
                        fill="currentColor"
                        focusable="false"
                        height={16}
                        preserveAspectRatio="xMidYMid meet"
                        viewBox="0 0 16 16"
                        width={16}
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
                        />
                      </svg>
                    </Icon>
                  </ForwardRef(ChevronDown16)>
                </div>
              </div>
            </div>
          </Select>
        </ClearedSelect>
      </Select>
    </Select>
  </SelectWithOnChange>
</ProtocolSelector>
`;