ant-design/components/mentions/__tests__/__snapshots__/demo.test.ts.snap

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

exports[`renders ./components/mentions/demo/async.md correctly 1`] = `
<div
  class="ant-mentions"
  style="width: 100%;"
>
  <textarea
    class="rc-textarea"
    rows="1"
  />
</div>
`;

exports[`renders ./components/mentions/demo/autoSize.md correctly 1`] = `
<div
  class="ant-mentions"
  style="width: 100%;"
>
  <textarea
    class="rc-textarea"
    rows="1"
  />
</div>
`;

exports[`renders ./components/mentions/demo/basic.md correctly 1`] = `
<div
  class="ant-mentions"
  style="width: 100%;"
>
  <textarea
    class="rc-textarea"
    rows="1"
  >
    @afc163
  </textarea>
</div>
`;

exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
<form
  class="ant-form ant-form-horizontal"
>
  <div
    class="ant-form-item"
  >
    <div
      class="ant-row ant-form-item-row"
    >
      <div
        class="ant-col ant-col-6 ant-form-item-label"
      >
        <label
          class=""
          for="coders"
          title="Top coders"
        >
          Top coders
        </label>
      </div>
      <div
        class="ant-col ant-col-16 ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <div
              class="ant-mentions"
            >
              <textarea
                class="rc-textarea"
                id="coders"
                rows="1"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-form-item"
  >
    <div
      class="ant-row ant-form-item-row"
    >
      <div
        class="ant-col ant-col-6 ant-form-item-label"
      >
        <label
          class="ant-form-item-required"
          for="bio"
          title="Bio"
        >
          Bio
        </label>
      </div>
      <div
        class="ant-col ant-col-16 ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <div
              class="ant-mentions"
            >
              <textarea
                aria-required="true"
                class="rc-textarea"
                id="bio"
                placeholder="You can use @ to ref user here"
                rows="3"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-form-item"
  >
    <div
      class="ant-row ant-form-item-row"
    >
      <div
        class="ant-col ant-col-14 ant-col-offset-6 ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              class="ant-btn ant-btn-primary"
              type="submit"
            >
              <span>
                Submit
              </span>
            </button>
            <button
              class="ant-btn ant-btn-default"
              type="button"
            >
              <span>
                Reset
              </span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`renders ./components/mentions/demo/placement.md correctly 1`] = `
<div
  class="ant-mentions"
  style="width: 100%;"
>
  <textarea
    class="rc-textarea"
    rows="1"
  />
</div>
`;

exports[`renders ./components/mentions/demo/prefix.md correctly 1`] = `
<div
  class="ant-mentions"
  style="width: 100%;"
>
  <textarea
    class="rc-textarea"
    placeholder="input @ to mention people, # to mention tag"
    rows="1"
  />
</div>
`;

exports[`renders ./components/mentions/demo/readonly.md correctly 1`] = `
Array [
  <div
    style="margin-bottom: 10px;"
  >
    <div
      class="ant-mentions ant-mentions-disabled"
      style="width: 100%;"
    >
      <textarea
        class="rc-textarea rc-textarea-disabled"
        disabled=""
        placeholder="this is disabled Mentions"
        rows="1"
      />
    </div>
  </div>,
  <div
    class="ant-mentions"
    style="width: 100%;"
  >
    <textarea
      class="rc-textarea"
      placeholder="this is readOnly Mentions"
      readonly=""
      rows="1"
    />
  </div>,
]
`;

exports[`renders ./components/mentions/demo/render-panel.md correctly 1`] = `
<div
  style="padding-bottom: 0px; position: relative; min-width: 0;"
>
  <div
    class="ant-mentions"
    style="width: 100%; margin: 0px;"
  >
    <textarea
      class="rc-textarea"
      rows="1"
    >
      @
    </textarea>
    <div
      class="ant-mentions-measure"
    >
      <span>
        @
      </span>
      <div>
        <div
          class="ant-mentions-dropdown"
          style="opacity: 0;"
        >
          <ul
            class="ant-mentions-dropdown-menu ant-mentions-dropdown-menu-root ant-mentions-dropdown-menu-vertical"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-mentions-dropdown-menu-item ant-mentions-dropdown-menu-item-active"
              data-menu-id="rc-menu-uuid-test-afc163"
              role="menuitem"
              tabindex="-1"
            >
              afc163
            </li>
            <li
              class="ant-mentions-dropdown-menu-item"
              data-menu-id="rc-menu-uuid-test-zombieJ"
              role="menuitem"
              tabindex="-1"
            >
              zombieJ
            </li>
          </ul>
          <div
            aria-hidden="true"
            style="display: none;"
          />
        </div>
      </div>
    </div>
  </div>
  <div
    style="position: absolute; top: 0px; left: 0px; width: 100%;"
  />
</div>
`;

exports[`renders ./components/mentions/demo/status.md correctly 1`] = `
<div
  class="ant-space ant-space-vertical"
>
  <div
    class="ant-space-item"
    style="margin-bottom: 8px;"
  >
    <div
      class="ant-mentions ant-mentions-status-error"
    >
      <textarea
        class="rc-textarea"
        rows="1"
      >
        @afc163
      </textarea>
    </div>
  </div>
  <div
    class="ant-space-item"
  >
    <div
      class="ant-mentions ant-mentions-status-warning"
    >
      <textarea
        class="rc-textarea"
        rows="1"
      >
        @afc163
      </textarea>
    </div>
  </div>
</div>
`;