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

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

exports[`Dashboard.vue renders correctly 1`] = `
<div>
  <widgetsdropdown-stub />
   
  <ccard-stub>
    <ccardbody-stub>
      <crow-stub
        gutters="true"
        tag="div"
      >
        <ccol-stub
          sm="5"
          tag="div"
        >
          <h4
            class="card-title mb-0"
            id="traffic"
          >
            Traffic
          </h4>
           
          <div
            class="small text-muted"
          >
            November 2017
          </div>
        </ccol-stub>
         
        <ccol-stub
          class="d-none d-md-block"
          sm="7"
          tag="div"
        >
          <cbutton-stub
            activeclass="router-link-active"
            class="float-right"
            color="primary"
            event="click"
            exactactiveclass="router-link-exact-active"
            routertag="a"
            target="_self"
            type="button"
          >
            <cicon-stub
              name="cil-cloud-download"
            />
          </cbutton-stub>
           
          <cbuttongroup-stub
            class="float-right mr-3"
          >
            <cbutton-stub
              activeclass="router-link-active"
              class="mx-0"
              color="outline-secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              
              Day
            
            </cbutton-stub>
            <cbutton-stub
              activeclass="router-link-active"
              class="mx-0"
              color="outline-secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              pressed="true"
              routertag="a"
              target="_self"
              type="button"
            >
              
              Month
            
            </cbutton-stub>
            <cbutton-stub
              activeclass="router-link-active"
              class="mx-0"
              color="outline-secondary"
              event="click"
              exactactiveclass="router-link-exact-active"
              routertag="a"
              target="_self"
              type="button"
            >
              
              Year
            
            </cbutton-stub>
          </cbuttongroup-stub>
        </ccol-stub>
      </crow-stub>
       
      <mainchartexample-stub
        style="height: 300px; margin-top: 40px;"
      />
    </ccardbody-stub>
     
    <ccardfooter-stub>
      <crow-stub
        class="text-center"
        gutters="true"
        tag="div"
      >
        <ccol-stub
          class="mb-sm-2 mb-0"
          md="true"
          sm="12"
          tag="div"
        >
          <div
            class="text-muted"
          >
            Visits
          </div>
           
          <strong>
            29.703 Users (40%)
          </strong>
           
          <cprogress-stub
            class="progress-xs mt-2"
            color="success"
            max="100"
            precision="1"
            value="40"
          />
        </ccol-stub>
         
        <ccol-stub
          class="mb-sm-2 mb-0 d-md-down-none"
          md="true"
          sm="12"
          tag="div"
        >
          <div
            class="text-muted"
          >
            Unique
          </div>
           
          <strong>
            24.093 Users (20%)
          </strong>
           
          <cprogress-stub
            class="progress-xs mt-2"
            color="info"
            max="100"
            precision="1"
            value="20"
          />
        </ccol-stub>
         
        <ccol-stub
          class="mb-sm-2 mb-0"
          md="true"
          sm="12"
          tag="div"
        >
          <div
            class="text-muted"
          >
            Pageviews
          </div>
           
          <strong>
            78.706 Views (60%)
          </strong>
           
          <cprogress-stub
            class="progress-xs mt-2"
            color="warning"
            max="100"
            precision="1"
            value="60"
          />
        </ccol-stub>
         
        <ccol-stub
          class="mb-sm-2 mb-0"
          md="true"
          sm="12"
          tag="div"
        >
          <div
            class="text-muted"
          >
            New Users
          </div>
           
          <strong>
            22.123 Users (80%)
          </strong>
           
          <cprogress-stub
            class="progress-xs mt-2"
            color="danger"
            max="100"
            precision="1"
            value="80"
          />
        </ccol-stub>
         
        <ccol-stub
          class="mb-sm-2 mb-0 d-md-down-none"
          md="true"
          sm="12"
          tag="div"
        >
          <div
            class="text-muted"
          >
            Bounce Rate
          </div>
           
          <strong>
            Average Rate (40.15%)
          </strong>
           
          <cprogress-stub
            class="progress-xs mt-2"
            max="100"
            precision="1"
            value="40"
          />
        </ccol-stub>
      </crow-stub>
    </ccardfooter-stub>
  </ccard-stub>
   
  <widgetsbrand-stub />
   
  <crow-stub
    gutters="true"
    tag="div"
  >
    <ccol-stub
      md="12"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Traffic & Sales
        
        </ccardheader-stub>
         
        <ccardbody-stub>
          <crow-stub
            gutters="true"
            tag="div"
          >
            <ccol-stub
              lg="6"
              sm="12"
              tag="div"
            >
              <crow-stub
                gutters="true"
                tag="div"
              >
                <ccol-stub
                  sm="6"
                  tag="div"
                >
                  <ccallout-stub
                    color="info"
                  >
                    <small
                      class="text-muted"
                    >
                      New Clients
                    </small>
                    <br />
                     
                    <strong
                      class="h4"
                    >
                      9,123
                    </strong>
                  </ccallout-stub>
                </ccol-stub>
                 
                <ccol-stub
                  sm="6"
                  tag="div"
                >
                  <ccallout-stub
                    color="danger"
                  >
                    <small
                      class="text-muted"
                    >
                      Recurring Clients
                    </small>
                    <br />
                     
                    <strong
                      class="h4"
                    >
                      22,643
                    </strong>
                  </ccallout-stub>
                </ccol-stub>
              </crow-stub>
               
              <hr
                class="mt-0"
              />
               
              <div
                class="progress-group mb-4"
              >
                <div
                  class="progress-group-prepend"
                >
                  <span
                    class="progress-group-text"
                  >
                    
                    Monday
                  
                  </span>
                </div>
                 
                <div
                  class="progress-group-bars"
                >
                  <cprogress-stub
                    class="progress-xs"
                    color="info"
                    max="100"
                    precision="0"
                    value="34"
                  />
                   
                  <cprogress-stub
                    class="progress-xs"
                    color="danger"
                    max="100"
                    precision="0"
                    value="78"
                  />
                </div>
              </div>
               
              <div
                class="progress-group mb-4"
              >
                <div
                  class="progress-group-prepend"
                >
                  <span
                    class="progress-group-text"
                  >
                    
                    Tuesday
                  
                  </span>
                </div>
                 
                <div
                  class="progress-group-bars"
                >
                  <cprogress-stub
                    class="progress-xs"
                    color="info"
                    max="100"
                    precision="0"
                    value="56"
                  />
                   
                  <cprogress-stub
                    class="progress-xs"
                    color="danger"
                    max="100"
                    precision="0"
                    value="94"
                  />
                </div>
              </div>
               
              <div
                class="progress-group mb-4"
              >
                <div
                  class="progress-group-prepend"
                >
                  <span
                    class="progress-group-text"
                  >
                    
                    Wednesday
                  
                  </span>
                </div>
                 
                <div
                  class="progress-group-bars"
                >
                  <cprogress-stub
                    class="progress-xs"
                    color="info"
                    max="100"
                    precision="0"
                    value="12"
                  />
                   
                  <cprogress-stub
                    class="progress-xs"
                    color="danger"
                    max="100"
                    precision="0"
                    value="67"
                  />
                </div>
              </div>
               
              <div
                class="progress-group mb-4"
              >
                <div
                  class="progress-group-prepend"
                >
                  <span
                    class="progress-group-text"
                  >
                    
                    Thursday
                  
                  </span>
                </div>
                 
                <div
                  class="progress-group-bars"
                >
                  <cprogress-stub
                    class="progress-xs"
                    color="info"
                    max="100"
                    precision="0"
                    value="43"
                  />
                   
                  <cprogress-stub
                    class="progress-xs"
                    color="danger"
                    max="100"
                    precision="0"
                    value="91"
                  />
                </div>
              </div>
               
              <div
                class="progress-group mb-4"
              >
                <div
                  class="progress-group-prepend"
                >
                  <span
                    class="progress-group-text"
                  >
                    
                    Friday
                  
                  </span>
                </div>
                 
                <div
                  class="progress-group-bars"
                >
                  <cprogress-stub
                    class="progress-xs"
                    color="info"
                    max="100"
                    precision="0"
                    value="22"
                  />
                   
                  <cprogress-stub
                    class="progress-xs"
                    color="danger"
                    max="100"
                    precision="0"
                    value="73"
                  />
                </div>
              </div>
               
              <div
                class="progress-group mb-4"
              >
                <div
                  class="progress-group-prepend"
                >
                  <span
                    class="progress-group-text"
                  >
                    
                    Saturday
                  
                  </span>
                </div>
                 
                <div
                  class="progress-group-bars"
                >
                  <cprogress-stub
                    class="progress-xs"
                    color="info"
                    max="100"
                    precision="0"
                    value="53"
                  />
                   
                  <cprogress-stub
                    class="progress-xs"
                    color="danger"
                    max="100"
                    precision="0"
                    value="82"
                  />
                </div>
              </div>
               
              <div
                class="progress-group mb-4"
              >
                <div
                  class="progress-group-prepend"
                >
                  <span
                    class="progress-group-text"
                  >
                    
                    Sunday
                  
                  </span>
                </div>
                 
                <div
                  class="progress-group-bars"
                >
                  <cprogress-stub
                    class="progress-xs"
                    color="info"
                    max="100"
                    precision="0"
                    value="9"
                  />
                   
                  <cprogress-stub
                    class="progress-xs"
                    color="danger"
                    max="100"
                    precision="0"
                    value="69"
                  />
                </div>
              </div>
               
              <div
                class="legend text-center"
              >
                <small>
                  <sup>
                    <cbadge-stub
                      activeclass="router-link-active"
                      color="info"
                      event="click"
                      exactactiveclass="router-link-exact-active"
                      routertag="a"
                      shape="pill"
                      tag="span"
                      target="_self"
                    >
                       
                    </cbadge-stub>
                  </sup>
                  
                  New clients
                    
                  
                  <sup>
                    <cbadge-stub
                      activeclass="router-link-active"
                      color="danger"
                      event="click"
                      exactactiveclass="router-link-exact-active"
                      routertag="a"
                      shape="pill"
                      tag="span"
                      target="_self"
                    >
                       
                    </cbadge-stub>
                  </sup>
                  
                  Recurring clients
                
                </small>
              </div>
            </ccol-stub>
             
            <ccol-stub
              lg="6"
              sm="12"
              tag="div"
            >
              <crow-stub
                gutters="true"
                tag="div"
              >
                <ccol-stub
                  sm="6"
                  tag="div"
                >
                  <ccallout-stub
                    color="warning"
                  >
                    <small
                      class="text-muted"
                    >
                      Pageviews
                    </small>
                    <br />
                     
                    <strong
                      class="h4"
                    >
                      78,623
                    </strong>
                  </ccallout-stub>
                </ccol-stub>
                 
                <ccol-stub
                  sm="6"
                  tag="div"
                >
                  <ccallout-stub
                    color="success"
                  >
                    <small
                      class="text-muted"
                    >
                      Organic
                    </small>
                    <br />
                     
                    <strong
                      class="h4"
                    >
                      49,123
                    </strong>
                  </ccallout-stub>
                </ccol-stub>
              </crow-stub>
               
              <hr
                class="mt-0"
              />
               
              <ul
                class="horizontal-bars type-2"
              >
                <div
                  class="progress-group"
                >
                  <div
                    class="progress-group-header"
                  >
                    <cicon-stub
                      class="progress-group-icon"
                      name="cil-user"
                    />
                     
                    <span
                      class="title"
                    >
                      Male
                    </span>
                     
                    <span
                      class="ml-auto font-weight-bold"
                    >
                      43%
                    </span>
                  </div>
                   
                  <div
                    class="progress-group-bars"
                  >
                    <cprogress-stub
                      class="progress-xs"
                      color="warning"
                      max="100"
                      precision="0"
                      value="43"
                    />
                  </div>
                </div>
                 
                <div
                  class="progress-group mb-5"
                >
                  <div
                    class="progress-group-header"
                  >
                    <cicon-stub
                      class="progress-group-icon"
                      name="cil-user-female"
                    />
                     
                    <span
                      class="title"
                    >
                      Female
                    </span>
                     
                    <span
                      class="ml-auto font-weight-bold"
                    >
                      37%
                    </span>
                  </div>
                   
                  <div
                    class="progress-group-bars"
                  >
                    <cprogress-stub
                      class="progress-xs"
                      color="warning"
                      max="100"
                      precision="0"
                      value="37"
                    />
                  </div>
                </div>
                 
                <div
                  class="progress-group"
                >
                  <div
                    class="progress-group-header"
                  >
                    <cicon-stub
                      class="progress-group-icon"
                      name="cil-globe-alt"
                    />
                     
                    <span
                      class="title"
                    >
                      Organic Search
                    </span>
                     
                    <span
                      class="ml-auto font-weight-bold"
                    >
                      
                      191,235 
                      <span
                        class="text-muted small"
                      >
                        (56%)
                      </span>
                    </span>
                  </div>
                   
                  <div
                    class="progress-group-bars"
                  >
                    <cprogress-stub
                      class="progress-xs"
                      color="success"
                      max="100"
                      precision="0"
                      value="56"
                    />
                  </div>
                </div>
                 
                <div
                  class="progress-group"
                >
                  <div
                    class="progress-group-header"
                  >
                    <cicon-stub
                      class="progress-group-icon"
                      height="17"
                      name="cib-facebook"
                    />
                     
                    <span
                      class="title"
                    >
                      Facebook
                    </span>
                     
                    <span
                      class="ml-auto font-weight-bold"
                    >
                      
                      51,223 
                      <span
                        class="text-muted small"
                      >
                        (15%)
                      </span>
                    </span>
                  </div>
                   
                  <div
                    class="progress-group-bars"
                  >
                    <cprogress-stub
                      class="progress-xs"
                      color="success"
                      max="100"
                      precision="0"
                      value="15"
                    />
                  </div>
                </div>
                 
                <div
                  class="progress-group"
                >
                  <div
                    class="progress-group-header"
                  >
                    <cicon-stub
                      class="progress-group-icon"
                      height="17"
                      name="cib-twitter"
                    />
                     
                    <span
                      class="title"
                    >
                      Twitter
                    </span>
                     
                    <span
                      class="ml-auto font-weight-bold"
                    >
                      
                      37,564 
                      <span
                        class="text-muted small"
                      >
                        (11%)
                      </span>
                    </span>
                  </div>
                   
                  <div
                    class="progress-group-bars"
                  >
                    <cprogress-stub
                      class="progress-xs"
                      color="success"
                      max="100"
                      precision="0"
                      value="11"
                    />
                  </div>
                </div>
                 
                <div
                  class="progress-group"
                >
                  <div
                    class="progress-group-header"
                  >
                    <cicon-stub
                      class="progress-group-icon"
                      height="17"
                      name="cib-linkedin"
                    />
                     
                    <span
                      class="title"
                    >
                      LinkedIn
                    </span>
                     
                    <span
                      class="ml-auto font-weight-bold"
                    >
                      
                      27,319 
                      <span
                        class="text-muted small"
                      >
                         (8%)
                      </span>
                    </span>
                  </div>
                   
                  <div
                    class="progress-group-bars"
                  >
                    <cprogress-stub
                      class="progress-xs"
                      color="success"
                      max="100"
                      precision="0"
                      value="8"
                    />
                  </div>
                </div>
                 
                <div
                  class="divider text-center"
                >
                  <cbutton-stub
                    activeclass="router-link-active"
                    class="text-muted"
                    color="link"
                    event="click"
                    exactactiveclass="router-link-exact-active"
                    routertag="a"
                    size="sm"
                    target="_self"
                    type="button"
                  >
                    <cicon-stub
                      name="cil-options"
                    />
                  </cbutton-stub>
                </div>
              </ul>
            </ccol-stub>
          </crow-stub>
           
          <br />
           
          <cdatatable-stub
            class="mb-0 table-outline"
            fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
            head-color="light"
            header="true"
            hover="true"
            items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
            itemsperpage="10"
            no-sorting=""
            responsive="true"
            sortervalue="[object Object]"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
</div>
`;