bramw_baserow/web-frontend/test/unit/database/__snapshots__/publicView.spec.js.snap

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

exports[`Public View Page Tests Can see a publicly shared grid view 1`] = `
<div>
  <div>
    <div
      class="toasts__container-top"
    >
      <!---->
       
      <!---->
       
      <!---->
       
      <!---->
       
      <!---->
       
      <!---->
       
    </div>
     
    <div
      class="toasts__container-bottom"
    >
      <!---->
       
      <!---->
       
      <!---->
       
      <!---->
       
    </div>
  </div>
   
  <div
    class="public-view__table"
  >
    <div>
      <header
        class="layout__col-2-1 header header--dark-border"
      >
        <div
          class="header__loading"
          style="display: none;"
        />
         
        <ul
          class="header__filter"
        >
          <li
            class="header__filter-item"
          >
            <a
              class="header__filter-logo"
              href="https://baserow.io"
              target="_blank"
              title="Baserow - open source no-code database tool and Airtable alternative"
            >
              <div
                class="logo"
              >
                <img
                  alt="Baserow - open source no-code database tool and Airtable alternative"
                  class=""
                  height="14"
                  src="@baserow/modules/core/static/img/logo.svg"
                />
              </div>
            </a>
          </li>
           
          <li
            class="header__filter-item header__filter-item--grids"
          >
            <a
              class="header__filter-link active header__filter-link--disabled"
              data-highlight="views"
            >
              <i
                class="header__filter-icon header-filter-icon--view color-primary iconoir-menu"
              />
               
              <span
                class="header__filter-name header__filter-name--forced"
              >
                <span
                  class=""
                  contenteditable="false"
                  placeholder=""
                >
                  my public grid view name
                </span>
              </span>
               
              <!---->
            </a>
             
            <!---->
          </li>
           
          <!---->
            
          <li
            class="header__filter-item"
            data-highlight="view-filters"
          >
            <div>
              <a
                class="header__filter-link"
              >
                <i
                  class="header__filter-icon iconoir-filter"
                />
                 
                <span
                  class="header__filter-name"
                >
                  viewFilter.filter - 0
                </span>
              </a>
               
            </div>
          </li>
           
          <li
            class="header__filter-item"
            data-highlight="view-sorts"
          >
            <div>
              <a
                class="header__filter-link"
              >
                <i
                  class="header__filter-icon iconoir-sort"
                />
                 
                <span
                  class="header__filter-name"
                >
                  viewSort.sort - 0
                </span>
              </a>
               
            </div>
          </li>
           
          <li
            class="header__filter-item"
            data-highlight="view-group-by"
          >
            <div>
              <a
                class="header__filter-link"
              >
                <i
                  class="header__filter-icon iconoir-book-stack"
                />
                 
                <span
                  class="header__filter-name"
                >
                  viewGroupBy.groupBy - 0
                </span>
              </a>
               
            </div>
          </li>
           
          <!---->
           
          <!---->
        </ul>
         
        <ul
          class="header__filter header__filter--full-width"
          table="[object Object]"
        >
          <li
            class="header__filter-item"
          >
            <div>
              <a
                class="header__filter-link"
              >
                <i
                  class="header__filter-icon iconoir-eye-off"
                />
                 
                <span
                  class="header__filter-name"
                >
                  gridViewHide.hideField - 0
                </span>
              </a>
               
            </div>
          </li>
           
          <li
            class="header__filter-item"
          >
            <div>
              <a
                class="header__filter-link"
              >
                <i
                  class="header__filter-icon iconoir-table-rows"
                />
                 
                <span
                  class="header__filter-name"
                >
                  gridViewRowHeight.name
                </span>
              </a>
               
              <div
                class="dropdown dropdown--floating"
                tabindex="0"
              >
                <!---->
                 
                <div
                  class="dropdown__items hidden"
                >
                  <!---->
                   
                  <ul
                    class="select__items"
                    tabindex="-1"
                  >
                    <li
                      class="select__item select__item--no-options visible"
                    >
                      <a
                        class="select__item-link"
                      >
                        <div
                          class="select__item-name"
                        >
                          <!---->
                           
                          <!---->
                           
                          <!---->
                           
                          <span
                            class="select__item-name-text"
                            title="gridViewRowHeight.small"
                          >
                            gridViewRowHeight.small
                          </span>
                        </div>
                         
                        <!---->
                      </a>
                       
                      <i
                        class="select__item-active-icon iconoir-check"
                      />
                    </li>
                     
                    <li
                      class="select__item select__item--no-options visible"
                    >
                      <a
                        class="select__item-link"
                      >
                        <div
                          class="select__item-name"
                        >
                          <!---->
                           
                          <!---->
                           
                          <!---->
                           
                          <span
                            class="select__item-name-text"
                            title="gridViewRowHeight.medium"
                          >
                            gridViewRowHeight.medium
                          </span>
                        </div>
                         
                        <!---->
                      </a>
                       
                      <i
                        class="select__item-active-icon iconoir-check"
                      />
                    </li>
                     
                    <li
                      class="select__item select__item--no-options visible"
                    >
                      <a
                        class="select__item-link"
                      >
                        <div
                          class="select__item-name"
                        >
                          <!---->
                           
                          <!---->
                           
                          <!---->
                           
                          <span
                            class="select__item-name-text"
                            title="gridViewRowHeight.large"
                          >
                            gridViewRowHeight.large
                          </span>
                        </div>
                         
                        <!---->
                      </a>
                       
                      <i
                        class="select__item-active-icon iconoir-check"
                      />
                    </li>
                  </ul>
                   
                  <!---->
                   
                  <!---->
                </div>
              </div>
            </div>
          </li>
           
          <li
            class="header__filter-item header__filter-item--full-width"
          >
            <div
              class="header__search"
            >
              <a
                class="header__filter-link"
              >
                <i
                  class="header__search-icon iconoir-search"
                />
                
    
  
              </a>
               
            </div>
          </li>
        </ul>
      </header>
       
      <div
        class="layout__col-2-2 content"
      >
        <!---->
         
        <div
          class="grid-view grid-view--row-height-undefined"
        >
          <div
            class="scrollbars"
            style="left: 72px;"
          >
            <!---->
             
            <!---->
          </div>
           
          <div
            class="grid-view__left"
            style="width: 72px;"
          >
              
            <div
              class="grid-view__inner"
              style="min-width: 72px;"
            >
              <div
                class="grid-view__head"
              >
                 
                <div
                  class="grid-view__column grid-view__column--no-border-right"
                  style="width: 72px;"
                >
                  <!---->
                </div>
                  
                <!---->
              </div>
               
              <div
                class="grid-view__body"
              >
                <div
                  class="grid-view__body-inner"
                >
                  <div
                    class="grid-view__placeholder"
                    style="width: 72px;"
                  >
                    <div
                      class="grid-view__placeholder-groups"
                      style="width: 0px;"
                    />
                     
                  </div>
                   
                  <!---->
                   
                  <div
                    class="grid-view__rows"
                    style="transform: translateY(NaNpx) translateX(0px); left: 0px;"
                  />
                   
                  <div
                    class="grid-view__row-placeholder"
                  />
                </div>
              </div>
               
              <div
                class="grid-view__foot"
              >
                <div
                  class="grid-view__foot-info"
                >
                  
        gridView.rowCount - 1
      
                </div>
                 
              </div>
            </div>
             
            <div
              style="display: none;"
            >
              <div
                class="grid-view__field-dragging"
                style="width: 0px; left: 0px;"
              />
               
              <div
                class="grid-view__field-target"
                style="left: 0px;"
              />
            </div>
          </div>
           
           
          <div
            class="grid-view__divider"
            style="left: 72px;"
          />
           
          <!---->
           
          <div
            class="grid-view__right"
            style="left: 72px;"
          >
              
            <div
              class="grid-view__inner"
              style="min-width: 1000px;"
            >
              <div
                class="grid-view__head"
              >
                 
                <!---->
                 
                <div
                  class="grid-view__column"
                  filters=""
                  style="width: 200px;"
                >
                  <div
                    class="grid-view__description"
                  >
                    <div
                      class="grid-view__description-icon-container"
                    >
                      <i
                        class="grid-view__description-icon iconoir-text"
                      />
                       
                      <!---->
                    </div>
                     
                    <div
                      class="grid-view__description-name"
                      title="Last name"
                    >
                      <span>
                        
        Last name
      
                      </span>
                    </div>
                     
                    <!---->
                     
                    <span
                      class="grid-view__description-options"
                    >
                      <!---->
                       
                      <!---->
                    </span>
                     
                    <!---->
                     
                    <div
                      class="grid-view__description-width"
                    />
                  </div>
                </div>
                <div
                  class="grid-view__column"
                  filters=""
                  style="width: 200px;"
                >
                  <div
                    class="grid-view__description"
                  >
                    <div
                      class="grid-view__description-icon-container"
                    >
                      <i
                        class="grid-view__description-icon iconoir-align-left"
                      />
                       
                      <!---->
                    </div>
                     
                    <div
                      class="grid-view__description-name"
                      title="Notes"
                    >
                      <span>
                        
        Notes
      
                      </span>
                    </div>
                     
                    <!---->
                     
                    <span
                      class="grid-view__description-options"
                    >
                      <!---->
                       
                      <!---->
                    </span>
                     
                    <!---->
                     
                    <div
                      class="grid-view__description-width"
                    />
                  </div>
                </div>
                <div
                  class="grid-view__column"
                  filters=""
                  style="width: 200px;"
                >
                  <div
                    class="grid-view__description"
                  >
                    <div
                      class="grid-view__description-icon-container"
                    >
                      <i
                        class="grid-view__description-icon baserow-icon-circle-checked"
                      />
                       
                      <!---->
                    </div>
                     
                    <div
                      class="grid-view__description-name"
                      title="Active"
                    >
                      <span>
                        
        Active
      
                      </span>
                    </div>
                     
                    <!---->
                     
                    <span
                      class="grid-view__description-options"
                    >
                      <!---->
                       
                      <!---->
                    </span>
                     
                    <!---->
                     
                    <div
                      class="grid-view__description-width"
                    />
                  </div>
                </div>
                <div
                  class="grid-view__column"
                  filters=""
                  style="width: 200px;"
                >
                  <div
                    class="grid-view__description"
                  >
                    <div
                      class="grid-view__description-icon-container"
                    >
                      <i
                        class="grid-view__description-icon iconoir-text"
                      />
                       
                      <!---->
                    </div>
                     
                    <div
                      class="grid-view__description-name"
                      title="Name"
                    >
                      <span>
                        
        Name
      
                      </span>
                    </div>
                     
                    <!---->
                     
                    <span
                      class="grid-view__description-options"
                    >
                      <!---->
                       
                      <!---->
                    </span>
                     
                    <!---->
                     
                    <div
                      class="grid-view__description-width"
                    />
                  </div>
                </div>
                 
                <!---->
              </div>
               
              <div
                class="grid-view__body"
              >
                <div
                  class="grid-view__body-inner"
                >
                  <div
                    class="grid-view__placeholder"
                    style="width: 800px;"
                  >
                    <!---->
                     
                    <div
                      class="grid-view__placeholder-column"
                      style="left: 799px;"
                    />
                    <div
                      class="grid-view__placeholder-column"
                      style="left: 199px;"
                    />
                    <div
                      class="grid-view__placeholder-column"
                      style="left: 399px;"
                    />
                    <div
                      class="grid-view__placeholder-column"
                      style="left: 599px;"
                    />
                  </div>
                   
                  <!---->
                   
                  <div
                    class="grid-view__rows"
                    style="transform: translateY(NaNpx) translateX(0px); left: 0px;"
                  />
                   
                  <div
                    class="grid-view__row-placeholder"
                  />
                </div>
              </div>
               
              <div
                class="grid-view__foot"
              >
                <!---->
                 
                <div
                  style="width: 200px;"
                >
                  <div
                    class="grid-view-aggregation"
                  >
                    <div
                      class="grid-view-aggregation__empty"
                    >
                      <i
                        class="grid-view-aggregation__empty-icon iconoir-plus"
                      />
                      
    common.summarize
  
                    </div>
                     
                  </div>
                </div>
                <div
                  style="width: 200px;"
                >
                  <div
                    class="grid-view-aggregation"
                  >
                    <div
                      class="grid-view-aggregation__empty"
                    >
                      <i
                        class="grid-view-aggregation__empty-icon iconoir-plus"
                      />
                      
    common.summarize
  
                    </div>
                     
                  </div>
                </div>
                <div
                  style="width: 200px;"
                >
                  <div
                    class="grid-view-aggregation"
                  >
                    <div
                      class="grid-view-aggregation__empty"
                    >
                      <i
                        class="grid-view-aggregation__empty-icon iconoir-plus"
                      />
                      
    common.summarize
  
                    </div>
                     
                  </div>
                </div>
                <div
                  style="width: 200px;"
                >
                  <div
                    class="grid-view-aggregation"
                  >
                    <div
                      class="grid-view-aggregation__empty"
                    >
                      <i
                        class="grid-view-aggregation__empty-icon iconoir-plus"
                      />
                      
    common.summarize
  
                    </div>
                     
                  </div>
                </div>
              </div>
            </div>
             
            <div
              style="display: none;"
            >
              <div
                class="grid-view__field-dragging"
                style="width: 0px; left: 0px;"
              />
               
              <div
                class="grid-view__field-target"
                style="left: 0px;"
              />
            </div>
          </div>
           
          <div
            class="grid-view__row-dragging-container"
            style="left: 0px; display: none;"
          >
            <div
              class="grid-view__row-dragging"
              style="width: 872px; top: 0px;"
            />
             
            <div
              class="grid-view__row-target"
              style="width: 872px; top: 0px;"
            />
          </div>
           
           
        </div>
         
        <!---->
      </div>
    </div>
  </div>
</div>
`;