lims-frontent/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap

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

exports[`ButtonGroups.vue renders correctly 1`] = `
<crow-stub
  gutters="true"
  tag="div"
>
  <ccol-stub
    col="12"
    tag="div"
  >
    <ccard-stub>
      <ccardheader-stub>
        <cicon-stub
          name="cil-justify-center"
        />
         
        <strong>
           Bootstrap button group
        </strong>
         
        <div
          class="card-header-actions"
        >
          <a
            class="card-header-action"
            href="https://coreui.io/vue/docs/components/button-components"
            rel="noreferrer noopener"
            target="_blank"
          >
            <small
              class="text-muted"
            >
              docs
            </small>
          </a>
        </div>
      </ccardheader-stub>
       
      <ccardbody-stub>
        <div>
          <cbuttongroup-stub>
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              One
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Two
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Three
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Four
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Five
            </cbutton-stub>
          </cbuttongroup-stub>
           
          <br />
          <br />
           
          <cbuttongroup-stub>
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="success"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Success
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="info"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Info
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="warning"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Warn
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="primary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Primary
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="danger"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Danger
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="link"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Link
            </cbutton-stub>
          </cbuttongroup-stub>
        </div>
      </ccardbody-stub>
    </ccard-stub>
  </ccol-stub>
   
  <ccol-stub
    col="12"
    tag="div"
  >
    <ccard-stub>
      <ccardheader-stub>
        <cicon-stub
          name="cil-justify-center"
        />
         
        <strong>
           Button group 
        </strong>
        sizing
      
      </ccardheader-stub>
       
      <ccardbody-stub>
        <div>
          <cbuttongroup-stub>
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Left
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Middle
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Right
            </cbutton-stub>
          </cbuttongroup-stub>
           
          <br />
          <br />
           
          <cbuttongroup-stub
            size="sm"
          >
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Left
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Middle
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Right
            </cbutton-stub>
          </cbuttongroup-stub>
           
          <br />
          <br />
           
          <cbuttongroup-stub
            size="lg"
          >
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Left
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Middle
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Right
            </cbutton-stub>
          </cbuttongroup-stub>
        </div>
      </ccardbody-stub>
    </ccard-stub>
  </ccol-stub>
   
  <ccol-stub
    col="12"
    tag="div"
  >
    <ccard-stub>
      <ccardheader-stub>
        <cicon-stub
          name="cil-justify-center"
        />
        <strong>
           Button group 
        </strong>
        dropdown support
      
      </ccardheader-stub>
       
      <ccardbody-stub>
        <div>
          <cbuttongroup-stub>
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Button 1
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Button 2
            </cbutton-stub>
             
            <cdropdown-stub
              caret="true"
              color="success"
              flip="true"
              offset="0,0"
              placement="bottom-start"
              right=""
              text="Menu"
              togglertext="Dropdown"
            >
              <cdropdownitem-stub
                activeclass="router-link-active"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                target="_self"
              >
                Item 1
              </cdropdownitem-stub>
               
              <cdropdownitem-stub
                activeclass="router-link-active"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                target="_self"
              >
                Item 2
              </cdropdownitem-stub>
               
              <cdropdowndivider-stub
                tag="div"
              />
               
              <cdropdownitem-stub
                activeclass="router-link-active"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                target="_self"
              >
                Item 3
              </cdropdownitem-stub>
            </cdropdown-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Button 3
            </cbutton-stub>
             
            <cdropdown-stub
              caret="true"
              color="info"
              flip="true"
              offset="0,0"
              placement="bottom-start"
              right=""
              split="true"
              text="Split Menu"
              togglertext="Dropdown"
            >
              <cdropdownitem-stub
                activeclass="router-link-active"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                target="_self"
              >
                Item 1
              </cdropdownitem-stub>
               
              <cdropdownitem-stub
                activeclass="router-link-active"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                target="_self"
              >
                Item 2
              </cdropdownitem-stub>
               
              <cdropdowndivider-stub
                tag="div"
              />
               
              <cdropdownitem-stub
                activeclass="router-link-active"
                event="click"
                exactactiveclass="router-link-exact-active"
                routertag="a"
                target="_self"
              >
                Item 3
              </cdropdownitem-stub>
            </cdropdown-stub>
          </cbuttongroup-stub>
        </div>
      </ccardbody-stub>
    </ccard-stub>
  </ccol-stub>
   
  <ccol-stub
    col="12"
    tag="div"
  >
    <ccard-stub>
      <ccardheader-stub>
        <cicon-stub
          name="cil-justify-center"
        />
         
        <strong>
           Button group 
        </strong>
        vertical variation
      
      </ccardheader-stub>
       
      <ccardbody-stub>
        <div>
          <cbuttongroup-stub
            vertical="true"
          >
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Top
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Middle
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Bottom
            </cbutton-stub>
          </cbuttongroup-stub>
        </div>
      </ccardbody-stub>
    </ccard-stub>
  </ccol-stub>
   
  <ccol-stub
    col="12"
    tag="div"
  >
    <ccard-stub>
      <ccardheader-stub>
        <cicon-stub
          name="cil-justify-center"
        />
         
        <strong>
           Button toolbar 
        </strong>
         
        <small>
          with button groups
        </small>
      </ccardheader-stub>
       
      <ccardbody-stub>
        <cbuttontoolbar-stub
          aria-label="Toolbar with button groups"
        >
          <cbuttongroup-stub
            class="mx-1"
          >
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              «
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              ‹
            </cbutton-stub>
          </cbuttongroup-stub>
           
          <cbuttongroup-stub
            class="mx-1"
          >
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Edit
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Undo
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Redo
            </cbutton-stub>
          </cbuttongroup-stub>
           
          <cbuttongroup-stub
            class="mx-1"
          >
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              ›
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              class="d-sm-down-none"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              »
            </cbutton-stub>
          </cbuttongroup-stub>
        </cbuttontoolbar-stub>
         
        <hr
          class="d-sm-down-none"
        />
         
        <cbuttontoolbar-stub
          aria-label="Toolbar with button groups and input groups"
          class="d-sm-down-none"
        >
          <cbuttongroup-stub
            class="mx-1"
            size="sm"
          >
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              New
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Edit
            </cbutton-stub>
          </cbuttongroup-stub>
           
          <cinput-stub
            append=".00"
            class="mb-0 w-25 mx-1"
            lazy="400"
            prepend="$"
            size="sm"
            type="text"
            value="100"
          />
           
          <cselect-stub
            class="mb-0 w-25 mx-1"
            custom="true"
            options="Large,Medium,Small"
            prepend="Size"
            size="sm"
            value="Medium"
          />
           
          <cbuttongroup-stub
            class="mx-1"
            size="sm"
          >
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Save
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Cancel
            </cbutton-stub>
          </cbuttongroup-stub>
        </cbuttontoolbar-stub>
         
        <hr />
         
        <cbuttontoolbar-stub
          aria-label="Toolbar with button groups and dropdown menu"
        >
          <cbuttongroup-stub
            class="mx-1 d-sm-down-none"
          >
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              New
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Edit
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Undo
            </cbutton-stub>
          </cbuttongroup-stub>
           
          <cdropdown-stub
            button-content="Menu"
            caret="true"
            class="mx-1"
            color="secondary"
            flip="true"
            offset="0,0"
            placement="bottom-end"
            togglertext="Dropdown"
          >
            <cdropdownitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
            >
              Item 1
            </cdropdownitem-stub>
             
            <cdropdownitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
            >
              Item 2
            </cdropdownitem-stub>
             
            <cdropdownitem-stub
              activeclass="router-link-active"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
            >
              Item 3
            </cdropdownitem-stub>
          </cdropdown-stub>
           
          <cbuttongroup-stub
            class="mx-1"
          >
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Save
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="router-link-active"
              color="secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              Cancel
            </cbutton-stub>
          </cbuttongroup-stub>
        </cbuttontoolbar-stub>
      </ccardbody-stub>
    </ccard-stub>
  </ccol-stub>
</crow-stub>
`;