vant/packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap

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

exports[`should render Tab inside a component correctly 1`] = `
<div class="van-tabs van-tabs--line">
  <div class="van-tabs__wrap">
    <div role="tablist"
         class="van-tabs__nav van-tabs__nav--line"
         aria-orientation="horizontal"
    >
      <div id="van-tabs-0"
           role="tab"
           class="van-tab"
           tabindex="-1"
           aria-selected="false"
           aria-controls="van-tab"
      >
        <span class="van-tab__text van-tab__text--ellipsis">
          2
        </span>
      </div>
      <div id="van-tabs-1"
           role="tab"
           class="van-tab van-tab--active"
           tabindex="0"
           aria-selected="true"
           aria-controls="van-tab"
      >
        <span class="van-tab__text van-tab__text--ellipsis">
          1
        </span>
      </div>
      <div id="van-tabs-2"
           role="tab"
           class="van-tab"
           tabindex="-1"
           aria-selected="false"
           aria-controls="van-tab"
      >
        <span class="van-tab__text van-tab__text--ellipsis">
          3
        </span>
      </div>
      <div class="van-tabs__line"
           style="transform: translateX(50px) translateX(-50%);"
      >
      </div>
    </div>
  </div>
  <div class="van-tabs__content">
    <div id="van-tab"
         role="tabpanel"
         class="van-tab__pane"
         tabindex="0"
         aria-labelledby="van-tabs-1"
         style
    >
      1
    </div>
    <div id="van-tab"
         role="tabpanel"
         class="van-tab__pane"
         tabindex="-1"
         aria-labelledby="van-tabs-0"
         style="display: none;"
    >
    </div>
    <div id="van-tab"
         role="tabpanel"
         class="van-tab__pane"
         tabindex="-1"
         aria-labelledby="van-tabs-2"
         style="display: none;"
    >
    </div>
  </div>
</div>
`;

exports[`should render correctly after inserting a tab 1`] = `
<div class="van-tabs van-tabs--line">
  <div class="van-tabs__wrap">
    <div role="tablist"
         class="van-tabs__nav van-tabs__nav--line"
         aria-orientation="horizontal"
    >
      <div id="van-tabs-0"
           role="tab"
           class="van-tab"
           tabindex="-1"
           aria-selected="false"
           aria-controls="van-tab"
      >
        <span class="van-tab__text van-tab__text--ellipsis">
          1
        </span>
      </div>
      <div id="van-tabs-1"
           role="tab"
           class="van-tab van-tab--active"
           tabindex="0"
           aria-selected="true"
           aria-controls="van-tab"
      >
        <span class="van-tab__text van-tab__text--ellipsis">
          2
        </span>
      </div>
      <div id="van-tabs-2"
           role="tab"
           class="van-tab"
           tabindex="-1"
           aria-selected="false"
           aria-controls="van-tab"
      >
        <span class="van-tab__text van-tab__text--ellipsis">
          3
        </span>
      </div>
      <div class="van-tabs__line"
           style="transform: translateX(50px) translateX(-50%); transition-duration: 0.3s;"
      >
      </div>
    </div>
  </div>
  <div class="van-tabs__content">
    <div id="van-tab"
         role="tabpanel"
         class="van-tab__pane"
         tabindex="-1"
         aria-labelledby="van-tabs-0"
         style="display: none;"
    >
    </div>
    <div>
      <div id="van-tab"
           role="tabpanel"
           class="van-tab__pane"
           tabindex="0"
           aria-labelledby="van-tabs-1"
      >
        2
      </div>
    </div>
    <div id="van-tab"
         role="tabpanel"
         class="van-tab__pane"
         tabindex="-1"
         aria-labelledby="van-tabs-2"
         style="display: none;"
    >
      3
    </div>
  </div>
</div>
`;

exports[`should render correctly after inserting a tab with name 1`] = `
<div class="van-tabs van-tabs--line">
  <div class="van-tabs__wrap">
    <div role="tablist"
         class="van-tabs__nav van-tabs__nav--line"
         aria-orientation="horizontal"
    >
      <div id="van-tabs-0"
           role="tab"
           class="van-tab"
           tabindex="-1"
           aria-selected="false"
           aria-controls="van-tab"
      >
        <span class="van-tab__text van-tab__text--ellipsis">
          bar
        </span>
      </div>
      <div id="van-tabs-1"
           role="tab"
           class="van-tab van-tab--active"
           tabindex="0"
           aria-selected="true"
           aria-controls="van-tab"
      >
        <span class="van-tab__text van-tab__text--ellipsis">
          foo
        </span>
      </div>
      <div class="van-tabs__line"
           style="transform: translateX(50px) translateX(-50%); transition-duration: 0.3s;"
      >
      </div>
    </div>
  </div>
  <div class="van-tabs__content">
    <div id="van-tab"
         role="tabpanel"
         class="van-tab__pane"
         tabindex="-1"
         aria-labelledby="van-tabs-0"
         style="display: none;"
    >
      bar
    </div>
    <div id="van-tab"
         role="tabpanel"
         class="van-tab__pane"
         tabindex="0"
         aria-labelledby="van-tabs-1"
         style
    >
      foo
    </div>
  </div>
</div>
`;

exports[`should render nav-bottom slot correctly 1`] = `
<div class="van-tabs van-tabs--line">
  <div class="van-tabs__wrap">
    <div role="tablist"
         class="van-tabs__nav van-tabs__nav--line"
         aria-orientation="horizontal"
    >
      <div class="van-tabs__line">
      </div>
    </div>
  </div>
  Nav Bottom
  <div class="van-tabs__content">
  </div>
</div>
`;