lims-frontent/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap

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

exports[`ListGroups.vue renders correctly 1`] = `
<div>
  <crow-stub
    gutters="true"
    tag="div"
  >
    <ccol-stub
      md="6"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             List group 
          </strong>
           
          <small>
            disabled items
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <clistgroup-stub
            tag="ul"
          >
            <clistgroupitem-stub
              activeclass="router-link-active"
              disabled="true"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              Cras justo odio
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              Dapibus ac facilisis in
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              Morbi leo risus
            </clistgroupitem-stub>
             
            <clistgroupitemdivider-stub />
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              disabled="true"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              Porta ac consectetur ac
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              Vestibulum at eros
            </clistgroupitem-stub>
          </clistgroup-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             List group 
          </strong>
           
          <small>
            actionable items
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <clistgroup-stub
            tag="ul"
          >
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#some-link"
              routertag="a"
              tag="li"
              target="_self"
            >
              Awesome link
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              active="true"
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              Link with active state
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              Action links are easy
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              disabled="true"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#foobar"
              routertag="a"
              tag="li"
              target="_self"
            >
              Disabled link
            </clistgroupitem-stub>
          </clistgroup-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
   
  <crow-stub
    gutters="true"
    tag="div"
  >
    <ccol-stub
      md="6"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             List group 
          </strong>
           
          <small>
            buttons
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <clistgroup-stub
            tag="ul"
          >
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="button"
              target="_self"
            >
              Button item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="button"
              target="_self"
            >
              I am a button
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              disabled="true"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="button"
              target="_self"
            >
              Disabled button
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="button"
              target="_self"
            >
              This is a button too
            </clistgroupitem-stub>
          </clistgroup-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             List group 
          </strong>
           
          <small>
            with badges
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <clistgroup-stub
            tag="ul"
          >
            <clistgroupitem-stub
              activeclass="router-link-active"
              class="d-flex justify-content-between align-items-center"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              
              Cras justo odio
              
              <cbadge-stub
                activeclass="router-link-active"
                color="primary"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                shape="pill"
                tag="span"
                target="_self"
              >
                14
              </cbadge-stub>
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              class="d-flex justify-content-between align-items-center"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              
              Dapibus ac facilisis in
              
              <cbadge-stub
                activeclass="router-link-active"
                color="primary"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                shape="pill"
                tag="span"
                target="_self"
              >
                2
              </cbadge-stub>
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              class="d-flex justify-content-between align-items-center"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              
              Morbi leo risus
              
              <cbadge-stub
                activeclass="router-link-active"
                color="primary"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                shape="pill"
                tag="span"
                target="_self"
              >
                1
              </cbadge-stub>
            </clistgroupitem-stub>
          </clistgroup-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
   
  <crow-stub
    gutters="true"
    tag="div"
  >
    <ccol-stub
      md="6"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             List group 
          </strong>
           
          <small>
            colors
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <clistgroup-stub
            tag="ul"
          >
            <clistgroupitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a default list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              color="primary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a primary list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a secondary list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              color="success"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a success list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              color="danger"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a danger list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              color="warning"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a warning list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              color="info"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a info list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              color="light"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a light list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              color="dark"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a dark list group item
            </clistgroupitem-stub>
          </clistgroup-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             List group 
          </strong>
           
          <small>
            colors active accent
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <clistgroup-stub
            accent="true"
            tag="ul"
          >
            <clistgroupitem-stub
              accent="light"
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a default list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              accent="primary"
              activeclass="router-link-active"
              color="primary"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a primary list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              accent="secondary"
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a secondary list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              accent="success"
              activeclass="router-link-active"
              color="success"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a success list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              accent="danger"
              activeclass="router-link-active"
              color="danger"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a danger list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              accent="warning"
              activeclass="router-link-active"
              color="warning"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a warning list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              accent="info"
              activeclass="router-link-active"
              color="info"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a info list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              accent="light"
              activeclass="router-link-active"
              color="light"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a light list group item
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              accent="dark"
              activeclass="router-link-active"
              color="dark"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              This is a dark list group item
            </clistgroupitem-stub>
          </clistgroup-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
   
  <crow-stub
    gutters="true"
    tag="div"
  >
    <ccol-stub
      col="12"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             List group 
          </strong>
           
          <small>
            inside cards
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <ccardgroup-stub
            deck="true"
            tag="div"
          >
            <ccard-stub>
              <ccardheader-stub>
                <b>
                  Card with list group
                </b>
              </ccardheader-stub>
               
              <ccardbody-stub>
                <clistgroup-stub
                  tag="ul"
                >
                  <clistgroupitem-stub
                    activeclass="router-link-active"
                    event="click"
                    exactactiveclass="router-link-exact-active"
                    href="#"
                    routertag="a"
                    tag="li"
                    target="_self"
                  >
                    Cras justo odio
                  </clistgroupitem-stub>
                   
                  <clistgroupitem-stub
                    activeclass="router-link-active"
                    event="click"
                    exactactiveclass="router-link-exact-active"
                    href="#"
                    routertag="a"
                    tag="li"
                    target="_self"
                  >
                    Dapibus ac facilisis in
                  </clistgroupitem-stub>
                   
                  <clistgroupitem-stub
                    activeclass="router-link-active"
                    event="click"
                    exactactiveclass="router-link-exact-active"
                    href="#"
                    routertag="a"
                    tag="li"
                    target="_self"
                  >
                    Vestibulum at eros
                  </clistgroupitem-stub>
                </clistgroup-stub>
                 
                <ccardtext-stub
                  class="mt-2"
                  tag="p"
                >
                  
                  Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex
                  nulla tempor. Laborum consequat non elit enim exercitation cillum aliqua
                  consequat id aliqua. Esse ex consectetur mollit voluptate est in duis laboris
                  ad sit ipsum anim Lorem.
                
                </ccardtext-stub>
              </ccardbody-stub>
            </ccard-stub>
             
            <ccard-stub>
              <ccardheader-stub>
                <b>
                  Card with flush list group
                </b>
              </ccardheader-stub>
               
              <clistgroup-stub
                flush="true"
                tag="ul"
              >
                <clistgroupitem-stub
                  activeclass="router-link-active"
                  event="click"
                  exactactiveclass="router-link-exact-active"
                  href="#"
                  routertag="a"
                  tag="li"
                  target="_self"
                >
                  Cras justo odio
                </clistgroupitem-stub>
                 
                <clistgroupitem-stub
                  activeclass="router-link-active"
                  event="click"
                  exactactiveclass="router-link-exact-active"
                  href="#"
                  routertag="a"
                  tag="li"
                  target="_self"
                >
                  Dapibus ac facilisis in
                </clistgroupitem-stub>
                 
                <clistgroupitem-stub
                  activeclass="router-link-active"
                  event="click"
                  exactactiveclass="router-link-exact-active"
                  href="#"
                  routertag="a"
                  tag="li"
                  target="_self"
                >
                  Vestibulum at eros
                </clistgroupitem-stub>
              </clistgroup-stub>
               
              <ccardbody-stub>
                
                Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex
                nulla tempor. Laborum consequat non elit enim exercitation cillum aliqua
                consequat id aliqua. Esse ex consectetur mollit voluptate est in duis laboris
                ad sit ipsum anim Lorem.
              
              </ccardbody-stub>
            </ccard-stub>
          </ccardgroup-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
   
  <crow-stub
    gutters="true"
    tag="div"
  >
    <ccol-stub
      md="6"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
          <strong>
             List group 
          </strong>
          <small>
            custom content
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <clistgroup-stub
            tag="ul"
          >
            <clistgroupitem-stub
              active="true"
              activeclass="router-link-active"
              class="flex-column align-items-start"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              <div
                class="d-flex w-100 justify-content-between"
              >
                <h5
                  class="mb-1"
                >
                  List group item heading
                </h5>
                 
                <small>
                  3 days ago
                </small>
              </div>
               
              <p
                class="mb-1"
              >
                
                Donec id elit non mi porta gravida at eget metus. Maecenas
                sed diam eget risus varius blandit.
              
              </p>
               
              <small>
                Donec id elit non mi porta.
              </small>
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              class="flex-column align-items-start"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              <div
                class="d-flex w-100 justify-content-between"
              >
                <h5
                  class="mb-1"
                >
                  List group item heading
                </h5>
                 
                <small
                  class="text-muted"
                >
                  3 days ago
                </small>
              </div>
               
              <p
                class="mb-1"
              >
                
                Donec id elit non mi porta gravida at eget metus. Maecenas
                sed diam eget risus varius blandit.
              
              </p>
               
              <small
                class="text-muted"
              >
                Donec id elit non mi porta.
              </small>
            </clistgroupitem-stub>
             
            <clistgroupitem-stub
              activeclass="router-link-active"
              class="flex-column align-items-start"
              disabled="true"
              event="click"
              exactactiveclass="router-link-exact-active"
              href="#"
              routertag="a"
              tag="li"
              target="_self"
            >
              <div
                class="d-flex w-100 justify-content-between"
              >
                <h5
                  class="mb-1"
                >
                  Disabled List group item
                </h5>
                 
                <small
                  class="text-muted"
                >
                  3 days ago
                </small>
              </div>
               
              <p
                class="mb-1"
              >
                
                Donec id elit non mi porta gravida at eget metus. Maecenas
                sed diam eget risus varius blandit.
              
              </p>
               
              <small
                class="text-muted"
              >
                Donec id elit non mi porta.
              </small>
            </clistgroupitem-stub>
          </clistgroup-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
</div>
`;