vant/src/tab/test/__snapshots__/demo.spec.js.snap

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

exports[`renders demo correctly 1`] = `
<div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 3
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style=""> 内容 2 </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-tabs__wrap--scrollable van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" aria-selected="true" class="van-tab van-tab--active" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 5</span></div>
          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 6</span></div>
          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 7</span></div>
          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 8</span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 1
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" class="van-tab van-tab--disabled"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 1
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--card">
      <div class="van-tabs__wrap">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--card">
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 1
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 1
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div>
        <div class="van-sticky">
          <div class="van-tabs__wrap van-hairline--top-bottom">
            <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
              <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
              <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
              <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
              <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
              <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 3
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis"><i class="van-icon van-icon-more-o"><!----></i>标签  </span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis"><i class="van-icon van-icon-more-o"><!----></i>标签  </span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 1
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content van-tabs__content--animated">
        <div class="van-tabs__track" style="transform: translate3d(0%, 0, 0); transition-duration: 0.3s;">
          <div role="tabpanel" class="van-tab__pane-wrapper">
            <div class="van-tab__pane">
              内容 1
            </div>
          </div>
          <div role="tabpanel" aria-hidden="true" class="van-tab__pane-wrapper van-tab__pane-wrapper--inactive">
            <div class="van-tab__pane">
              <!---->
            </div>
          </div>
          <div role="tabpanel" aria-hidden="true" class="van-tab__pane-wrapper van-tab__pane-wrapper--inactive">
            <div class="van-tab__pane">
              <!---->
            </div>
          </div>
          <div role="tabpanel" aria-hidden="true" class="van-tab__pane-wrapper van-tab__pane-wrapper--inactive">
            <div class="van-tab__pane">
              <!---->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 3
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div>
        <div class="van-sticky">
          <div class="van-tabs__wrap van-tabs__wrap--scrollable van-hairline--top-bottom">
            <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
              <div role="tab" aria-selected="true" class="van-tab van-tab--active" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 5</span></div>
              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 6</span></div>
              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 7</span></div>
              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 8</span></div>
              <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane">
          内容 1
        </div>
        <div role="tabpanel" class="van-tab__pane">
          内容 2
        </div>
        <div role="tabpanel" class="van-tab__pane">
          内容 3
        </div>
        <div role="tabpanel" class="van-tab__pane">
          内容 4
        </div>
        <div role="tabpanel" class="van-tab__pane">
          内容 5
        </div>
        <div role="tabpanel" class="van-tab__pane">
          内容 6
        </div>
        <div role="tabpanel" class="van-tab__pane">
          内容 7
        </div>
        <div role="tabpanel" class="van-tab__pane">
          内容 8
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-tabs van-tabs--line">
      <div class="van-tabs__wrap van-hairline--top-bottom">
        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
        </div>
      </div>
      <div class="van-tabs__content">
        <div role="tabpanel" class="van-tab__pane" style="">
          内容 1
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
        <div role="tabpanel" class="van-tab__pane" style="display: none;">
          <!---->
        </div>
      </div>
    </div>
  </div>
</div>
`;