vant/src/form/test/__snapshots__/demo.spec.ts.snap

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

exports[`should render demo and match snapshot 1`] = `
<div>
  <form class="van-form">
    <div class="van-cell van-field">
      <div class="van-cell__title van-field__label">
        <span>
          Username
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="username"
                 class="van-field__control"
                 placeholder="Username"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <div class="van-cell__title van-field__label">
        <span>
          Password
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="password"
                 name="password"
                 class="van-field__control"
                 placeholder="Password"
          >
        </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 van-field">
      <div class="van-cell__title van-field__label">
        <span>
          Label
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="pattern"
                 class="van-field__control"
                 placeholder="Use pattern"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <div class="van-cell__title van-field__label">
        <span>
          Label
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="validator"
                 class="van-field__control"
                 placeholder="Use validator"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <div class="van-cell__title van-field__label">
        <span>
          Label
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="validatorMessage"
                 class="van-field__control"
                 placeholder="Use validator to return message"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <div class="van-cell__title van-field__label">
        <span>
          Label
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="asyncValidator"
                 class="van-field__control"
                 placeholder="Use async validator"
          >
        </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 van-field">
      <div class="van-cell__title van-field__label">
        <span>
          Switch
        </span>
      </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;"
                 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">
        <span>
          Checkbox
        </span>
      </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">
        <span>
          Checkbox Group
        </span>
      </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">
        <span>
          Radio
        </span>
      </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">
        <span>
          Stepper
        </span>
      </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-stepper">
              <button type="button"
                      class="van-stepper__minus van-stepper__minus--disabled"
              >
              </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"
              >
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <div class="van-cell__title van-field__label">
        <span>
          Rate
        </span>
      </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"
            >
              <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">
        <span>
          Slider
        </span>
      </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"
                     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">
        <span>
          Uploader
        </span>
      </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 class="van-uploader__preview-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">
        <span>
          Picker
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="picker"
                 class="van-field__control"
                 readonly
                 placeholder="Select city"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-cell--clickable van-field"
         role="button"
         tabindex="0"
    >
      <div class="van-cell__title van-field__label">
        <span>
          Datetime Picker
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="datetimePicker"
                 class="van-field__control"
                 readonly
                 placeholder="Select time"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-cell--clickable van-field"
         role="button"
         tabindex="0"
    >
      <div class="van-cell__title van-field__label">
        <span>
          Area Picker
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="area"
                 class="van-field__control"
                 readonly
                 placeholder="Select area"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-cell--clickable van-field"
         role="button"
         tabindex="0"
    >
      <div class="van-cell__title van-field__label">
        <span>
          Calendar
        </span>
      </div>
      <div class="van-cell__value van-field__value">
        <div class="van-field__body">
          <input type="text"
                 name="calendar"
                 class="van-field__control"
                 readonly
                 placeholder="Select date"
          >
        </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>
`;