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

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

exports[`Cards.vue renders correctly 1`] = `
<div>
  <div
    class="row"
  >
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card"
      >
        <header
          class="card-header"
        >
          
          Card title
          
          <div
            class="card-header-actions"
          >
            <a
              class="card-header-action"
              href="https://coreui.io/vue/docs/components/card-components"
              rel="noreferrer noopener"
              target="_blank"
            >
              <small
                class="text-muted"
              >
                docs
              </small>
            </a>
          </div>
        </header>
         
        <div
          class="card-body"
        >
          
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card"
      >
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
         
        <footer
          class="card-footer"
        >
          Card Footer
        </footer>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card"
      >
        <header
          class="card-header"
        >
          <svg
            class="c-icon"
            role="img"
            viewBox="0 0 64 64"
            xmlns="http://www.w3.org/2000/svg"
          >
            undefined
          </svg>
           Card with icon
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card"
      >
        <header
          class="card-header"
        >
          
          Card with switch
          
          <label
            class="float-right c-switch form-check-label c-switch-sm c-switch-pill c-switch-info"
          >
            <input
              class="c-switch-input form-check-input"
              data-off="Off"
              data-on="On"
              type="checkbox"
            />
            <span
              class="c-switch-slider"
            />
          </label>
        </header>
         
        <div
          class="card-body"
        >
          
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card"
      >
        <header
          class="card-header"
        >
          
          Card with label
          
          <span
            class="badge float-right badge-success"
          >
            Success
          </span>
        </header>
         
        <div
          class="card-body"
        >
          
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card"
      >
        <header
          class="card-header"
        >
          
          Card with label
          
          <span
            class="badge float-right badge-danger badge-pill"
          >
            42
          </span>
        </header>
         
        <div
          class="card-body"
        >
          
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        
        </div>
      </div>
    </div>
  </div>
   
  <div
    class="row"
  >
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card border-primary"
      >
        <header
          class="card-header"
        >
          Card outline primary
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card border-secondary"
      >
        <header
          class="card-header"
        >
          Card outline secondary
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card border-success"
      >
        <header
          class="card-header"
        >
          Card outline success
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card border-info"
      >
        <header
          class="card-header"
        >
          Card outline info
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card border-warning"
      >
        <header
          class="card-header"
        >
          Card outline warning
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card border-danger"
      >
        <header
          class="card-header"
        >
          Card outline danger
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
  </div>
   
  <div
    class="row"
  >
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card card-accent-primary"
      >
        <header
          class="card-header"
        >
          Card with primary accent
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card card-accent-secondary"
      >
        <header
          class="card-header"
        >
          Card with secondary accent
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card card-accent-success"
      >
        <header
          class="card-header"
        >
          Card with success accent
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card card-accent-info"
      >
        <header
          class="card-header"
        >
          Card with info accent
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card card-accent-info"
      >
        <header
          class="card-header"
        >
          Card with info accent
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card card-accent-danger"
      >
        <header
          class="card-header"
        >
          Card with danger accent
        </header>
         
        <div
          class="card-body"
        >
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </div>
      </div>
    </div>
  </div>
   
  <div
    class="row"
  >
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card text-center bg-primary text-white"
      >
        <div
          class="card-body"
        >
          <blockquote
            class="card-blockquote"
          >
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            </p>
             
            <footer>
              Someone famous in
            
              <cite
                title="Source Title"
              >
                Source Title
              </cite>
            </footer>
          </blockquote>
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card text-center bg-success text-white"
      >
        <div
          class="card-body"
        >
          <blockquote
            class="card-blockquote"
          >
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            </p>
             
            <footer>
              Someone famous in
            
              <cite
                title="Source Title"
              >
                Source Title
              </cite>
            </footer>
          </blockquote>
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card text-center bg-info text-white"
      >
        <div
          class="card-body"
        >
          <blockquote
            class="card-blockquote"
          >
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            </p>
             
            <footer>
              Someone famous in
            
              <cite
                title="Source Title"
              >
                Source Title
              </cite>
            </footer>
          </blockquote>
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card text-center bg-warning text-white"
      >
        <div
          class="card-body"
        >
          <blockquote
            class="card-blockquote"
          >
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            </p>
             
            <footer>
              Someone famous in
            
              <cite
                title="Source Title"
              >
                Source Title
              </cite>
            </footer>
          </blockquote>
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card text-center bg-danger text-white"
      >
        <div
          class="card-body"
        >
          <blockquote
            class="card-blockquote"
          >
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            </p>
             
            <footer>
              Someone famous in
            
              <cite
                title="Source Title"
              >
                Source Title
              </cite>
            </footer>
          </blockquote>
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card text-center bg-secondary"
      >
        <div
          class="card-body"
        >
          <blockquote
            class="card-blockquote"
          >
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            </p>
             
            <footer>
              Someone famous in
            
              <cite
                title="Source Title"
              >
                Source Title
              </cite>
            </footer>
          </blockquote>
        </div>
      </div>
    </div>
  </div>
   
  <div
    class="row"
  >
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card bg-primary text-white"
      >
        <div
          class="card-body"
        >
          
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
      
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card bg-success text-white"
      >
        <div
          class="card-body"
        >
          
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
      
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card bg-info text-white"
      >
        <div
          class="card-body"
        >
          
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
      
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card bg-warning text-white"
      >
        <div
          class="card-body"
        >
          
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
      
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <div
        class="card bg-danger text-white"
      >
        <div
          class="card-body"
        >
          
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
      
        </div>
      </div>
    </div>
     
    <div
      class="col-sm-6 col-md-4"
    >
      <transition-stub
        name="fade"
      >
        <div
          class="card bg-secondary"
        >
          <header
            class="card-header"
          >
            
            Card with header actions
            
            <div
              class="card-header-actions"
            >
              <a
                class="card-header-action btn-setting"
                href="#"
                target="_self"
              >
                <svg
                  class="c-icon"
                  role="img"
                  viewBox="0 0 64 64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  undefined
                </svg>
              </a>
               
              <a
                class="card-header-action btn-minimize"
                href="#"
                target="_self"
              >
                <svg
                  class="c-icon"
                  role="img"
                  viewBox="0 0 64 64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  undefined
                </svg>
              </a>
               
              <a
                class="card-header-action btn-close"
                href="#"
                target="_self"
              >
                <svg
                  class="c-icon"
                  role="img"
                  viewBox="0 0 64 64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  undefined
                </svg>
              </a>
            </div>
          </header>
           
          <div
            class=""
          >
            <div
              class="card-body"
            >
              
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
            
            </div>
          </div>
        </div>
      </transition-stub>
    </div>
  </div>
</div>
`;