demo.test.js.snap

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

exports[`renders ./components/input-item/demo/basic.md correctly 1`] = `
<div>
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Customize to focus
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            标题
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="auto focus"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            标题
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="click the button below to focus"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-list-content"
          >
            <div
              style="width:100%;color:#108ee9;text-align:center"
            >
              click to focus
            </div>
          </div>
        </div>
        <div
          class="am-list-ripple"
          style="display:none"
        />
      </div>
    </div>
  </div>
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Whether is controlled
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            受控组件
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="controled input"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            非受控组件
          </div>
          <div
            class="am-input-control"
          >
            <input
              data-seed="logId"
              placeholder="please input content"
              type="text"
              value="Title"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="am-whitespace am-whitespace-md"
  />
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Click label to focus input
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            <div>
              标题
            </div>
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="click label to focus input"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Show clear
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            标题
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="displayed clear while typing"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="am-whitespace am-whitespace-md"
  />
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Number of words for title
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            标题过长超过默认的5个字
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="limited title length"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="am-whitespace am-whitespace-md"
  />
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Custom title（text / image / empty)
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-control"
          >
            <input
              placeholder="no label"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            <div
              style="background-image:url(https://zos.alipayobjects.com/rmsportal/DfkJHaJGgMghpXdqNaKF.png);background-size:cover;height:22px;width:22px"
            />
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="title can be icon，image or text"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="am-whitespace am-whitespace-md"
  />
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Customize the extra content in the right
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            价格
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="0.00"
              type="text"
              value=""
            />
          </div>
          <div
            class="am-input-extra"
          >
            ¥
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="am-whitespace am-whitespace-md"
  />
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Format
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            银行卡
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder=""
              type="tel"
              value="8888 8888 8888 8888"
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            手机号码
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="186 1234 1234"
              type="tel"
              value=""
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            密码
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="****"
              type="password"
              value=""
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            数字键盘
          </div>
          <div
            class="am-input-control"
          >
            <input
              pattern="[0-9]*"
              placeholder="click to show number keyboard"
              type="text"
              value=""
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            数字键盘
          </div>
          <div
            class="am-input-control"
          >
            <input
              class="h5numInput"
              placeholder="click to show native number keyboard"
              type="number"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="am-whitespace am-whitespace-md"
  />
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Not editable / Disabled
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            姓名
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder=""
              readonly=""
              type="text"
              value="not editable"
            />
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle am-input-disabled"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            姓名
          </div>
          <div
            class="am-input-control"
          >
            <input
              disabled=""
              placeholder=""
              type="text"
              value="style of disabled \`InputItem\`"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/input-item/demo/error.md correctly 1`] = `
<div>
  <div
    class="am-list"
  >
    <div
      class="am-list-header"
    >
      Confirm when typing
    </div>
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            手机号码
          </div>
          <div
            class="am-input-control"
          >
            <input
              placeholder="input your phone"
              type="tel"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/input-item/demo/money.md correctly 1`] = `
<div>
  <div
    class="am-list"
  >
    <div
      class="am-list-body"
    >
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            光标在左
          </div>
          <div
            class="am-input-control"
          >
            <div
              class="fake-input-container fake-input-container-left"
            >
              <div
                aria-label="100"
                class="fake-input"
                role="textbox"
              >
                100
              </div>
            </div>
          </div>
          <div
            class="am-input-clear"
          />
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            光标在右
          </div>
          <div
            class="am-input-control"
          >
            <div
              class="fake-input-container"
            >
              <div
                class="fake-input-placeholder"
              >
                start from right
              </div>
              <div
                aria-label="start from right"
                class="fake-input"
                role="textbox"
              />
            </div>
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-input-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-input-label am-input-label-5"
          >
            数字键盘
          </div>
          <div
            class="am-input-control"
          >
            <div
              class="fake-input-container"
            >
              <div
                class="fake-input-placeholder"
              >
                money format
              </div>
              <div
                aria-label="money format"
                class="fake-input"
                role="textbox"
              />
            </div>
          </div>
        </div>
      </div>
      <div
        class="am-list-item am-list-item-middle"
      >
        <div
          class="am-list-line"
        >
          <div
            class="am-list-content"
          >
            <div
              style="width:100%;color:#108ee9;text-align:center"
            >
              click to focus
            </div>
          </div>
        </div>
        <div
          class="am-list-ripple"
          style="display:none"
        />
      </div>
    </div>
  </div>
</div>
`;