1
0
mirror of https://gitlab.com/bramw/baserow.git synced 2024-11-22 07:42:36 +00:00
bramw_baserow/web-frontend/test/unit/database/__snapshots__/publicView.spec.js.snap
Bram Wiepjes d5d34e1cc4 Merge branch 'added-indicator-to-the-view-name' into 'develop'
Added clickable indicator to the view name

See merge request baserow/baserow!2769
2024-10-14 06:59:50 +00:00

828 lines
22 KiB
Plaintext

// 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"
>
<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 header__filter-link--disabled"
>
<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>
<i
class="header__sub-icon iconoir-nav-arrow-down"
/>
</a>
<!---->
</li>
<!---->
<li
class="header__filter-item"
>
<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"
>
<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"
>
<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"
>
<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"
>
<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"
>
<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--right"
>
<div>
<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>
`;