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

exports[`should render demo and match snapshot 1`] = `
<div>
  <form class="van-form">
    <div class="van-cell-group van-cell-group--inset">
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Username
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="username"
                   class="van-field__control"
                   placeholder="Username"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Password
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="password"
                   id="van-field-input"
                   name="password"
                   class="van-field__control"
                   placeholder="Password"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
      </div>
    </div>
    <div style="margin: 16px 16px 0px;">
      <button type="submit"
              class="van-button van-button--primary van-button--normal van-button--block van-button--round"
      >
        <div class="van-button__content">
          <span class="van-button__text">
            Submit
          </span>
        </div>
      </button>
    </div>
  </form>
</div>
<div>
  <form class="van-form">
    <div class="van-cell-group van-cell-group--inset">
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Label
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="pattern"
                   class="van-field__control"
                   placeholder="Use pattern"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Label
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="validator"
                   class="van-field__control"
                   placeholder="Use validator"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Label
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="validatorMessage"
                   class="van-field__control"
                   placeholder="Use validator to return message"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Label
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="asyncValidator"
                   class="van-field__control"
                   placeholder="Use async validator"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
      </div>
    </div>
    <div style="margin: 16px 16px 0px;">
      <button type="submit"
              class="van-button van-button--primary van-button--normal van-button--block van-button--round"
      >
        <div class="van-button__content">
          <span class="van-button__text">
            Submit
          </span>
        </div>
      </button>
    </div>
  </form>
</div>
<div>
  <form class="van-form">
    <div class="van-cell-group van-cell-group--inset">
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Switch
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div role="switch"
                   class="van-switch"
                   style="font-size: 20px;"
                   tabindex="0"
                   aria-checked="false"
              >
                <div class="van-switch__node">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Checkbox
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div role="checkbox"
                   class="van-checkbox"
                   tabindex="0"
                   aria-checked="false"
              >
                <div class="van-checkbox__icon van-checkbox__icon--square">
                  <i class="van-badge__wrapper van-icon van-icon-success">
                  </i>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Checkbox Group
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div class="van-checkbox-group van-checkbox-group--horizontal">
                <div role="checkbox"
                     class="van-checkbox van-checkbox--horizontal"
                     tabindex="0"
                     aria-checked="false"
                >
                  <div class="van-checkbox__icon van-checkbox__icon--square">
                    <i class="van-badge__wrapper van-icon van-icon-success">
                    </i>
                  </div>
                  <span class="van-checkbox__label">
                    Checkbox 1
                  </span>
                </div>
                <div role="checkbox"
                     class="van-checkbox van-checkbox--horizontal"
                     tabindex="0"
                     aria-checked="false"
                >
                  <div class="van-checkbox__icon van-checkbox__icon--square">
                    <i class="van-badge__wrapper van-icon van-icon-success">
                    </i>
                  </div>
                  <span class="van-checkbox__label">
                    Checkbox 2
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Radio
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div class="van-radio-group van-radio-group--horizontal"
                   role="radiogroup"
              >
                <div role="radio"
                     class="van-radio van-radio--horizontal"
                     tabindex="0"
                     aria-checked="true"
                >
                  <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
                    <i class="van-badge__wrapper van-icon van-icon-success">
                    </i>
                  </div>
                  <span class="van-radio__label">
                    Radio 1
                  </span>
                </div>
                <div role="radio"
                     class="van-radio van-radio--horizontal"
                     tabindex="0"
                     aria-checked="false"
                >
                  <div class="van-radio__icon van-radio__icon--round">
                    <i class="van-badge__wrapper van-icon van-icon-success">
                    </i>
                  </div>
                  <span class="van-radio__label">
                    Radio 2
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Stepper
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div role="group"
                   class="van-stepper"
              >
                <button type="button"
                        class="van-stepper__minus van-stepper__minus--disabled"
                        aria-disabled="true"
                >
                </button>
                <input type="text"
                       role="spinbutton"
                       class="van-stepper__input"
                       inputmode="decimal"
                       aria-valuemax="Infinity"
                       aria-valuemin="1"
                       aria-valuenow="1"
                >
                <button type="button"
                        class="van-stepper__plus van-haptics-feedback"
                >
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Rate
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div role="radiogroup"
                   class="van-rate"
                   tabindex="0"
                   aria-disabled="false"
                   aria-readonly="false"
              >
                <div role="radio"
                     class="van-rate__item"
                     tabindex="0"
                     aria-setsize="5"
                     aria-posinset="1"
                     aria-checked="true"
                >
                  <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
                  </i>
                </div>
                <div role="radio"
                     class="van-rate__item"
                     tabindex="0"
                     aria-setsize="5"
                     aria-posinset="2"
                     aria-checked="true"
                >
                  <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
                  </i>
                </div>
                <div role="radio"
                     class="van-rate__item"
                     tabindex="0"
                     aria-setsize="5"
                     aria-posinset="3"
                     aria-checked="true"
                >
                  <i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full">
                  </i>
                </div>
                <div role="radio"
                     class="van-rate__item"
                     tabindex="0"
                     aria-setsize="5"
                     aria-posinset="4"
                     aria-checked="false"
                >
                  <i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
                  </i>
                </div>
                <div role="radio"
                     class="van-rate__item"
                     tabindex="0"
                     aria-setsize="5"
                     aria-posinset="5"
                     aria-checked="false"
                >
                  <i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon">
                  </i>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Slider
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div class="van-slider">
                <div class="van-slider__bar"
                     style="width: 50%; left: 0%;"
                >
                  <div role="slider"
                       class="van-slider__button-wrapper van-slider__button-wrapper--right"
                       tabindex="0"
                       aria-valuemin="0"
                       aria-valuenow="50"
                       aria-valuemax="100"
                       aria-orientation="horizontal"
                  >
                    <div class="van-slider__button">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Uploader
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div class="van-uploader">
                <div class="van-uploader__wrapper">
                  <div class="van-uploader__preview">
                    <div class="van-image van-uploader__preview-image">
                      <img src="https://img.yzcdn.cn/vant/leaf.jpg"
                           class="van-image__img"
                           style="object-fit: cover;"
                      >
                      <div class="van-image__loading">
                        <i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
                        </i>
                      </div>
                    </div>
                    <div role="button"
                         class="van-uploader__preview-delete"
                         tabindex="0"
                         aria-label="Delete"
                    >
                      <i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
                      </i>
                    </div>
                  </div>
                  <div class="van-uploader__upload">
                    <i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
                    </i>
                    <input type="file"
                           class="van-uploader__input"
                           accept="image/*"
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-cell--clickable van-field"
           role="button"
           tabindex="0"
      >
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Picker
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="picker"
                   class="van-field__control"
                   readonly
                   placeholder="Select city"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
        <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
        </i>
      </div>
      <div class="van-cell van-cell--clickable van-field"
           role="button"
           tabindex="0"
      >
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Datetime Picker
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="datetimePicker"
                   class="van-field__control"
                   readonly
                   placeholder="Select time"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
        <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
        </i>
      </div>
      <div class="van-cell van-cell--clickable van-field"
           role="button"
           tabindex="0"
      >
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Area Picker
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="area"
                   class="van-field__control"
                   readonly
                   placeholder="Select area"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
        <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
        </i>
      </div>
      <div class="van-cell van-cell--clickable van-field"
           role="button"
           tabindex="0"
      >
        <div class="van-cell__title van-field__label">
          <label id="van-field-label"
                 for="van-field-input"
          >
            Calendar
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input type="text"
                   id="van-field-input"
                   name="calendar"
                   class="van-field__control"
                   readonly
                   placeholder="Select date"
                   aria-labelledby="van-field-label"
            >
          </div>
        </div>
        <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
        </i>
      </div>
    </div>
    <div style="margin: 16px 16px 0px;">
      <button type="submit"
              class="van-button van-button--primary van-button--normal van-button--block van-button--round"
      >
        <div class="van-button__content">
          <span class="van-button__text">
            Submit
          </span>
        </div>
      </button>
    </div>
  </form>
</div>
`;
