packages/app/app/containers/PlaylistViewContainer/__snapshots__/PlaylistViewContainer.test.tsx.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Playlist view container should display a playlist 1`] = `
<DocumentFragment>
<div
class="main_layout_container"
>
<div
class="playlist_view_container"
data-testid="playlist-view"
>
<div
class="playlist"
>
<div
class="playlist_view_info"
>
<div>
<img
class="playlist_thumbnail"
src="test thumbnail"
/>
</div>
<div
class="playlist_header"
>
<label
class="playlist_header_label"
>
Playlist
</label>
<div
class="playlist_name"
>
test playlist
<button
aria-label="Rename this playlist"
class="ui basic icon button nuclear button"
data-testid="rename-button"
>
<i
aria-hidden="true"
class="pencil icon"
/>
</button>
</div>
<div
class="playlist_details"
>
<span>
2 tracks
</span>
<span>
·
</span>
<span>
Last modified: 9/11/2001, 8:46:40 AM
</span>
</div>
<div
class="playlist_buttons"
>
<button
class="ui pink circular button nuclear button play_button"
>
<i
aria-hidden="true"
class="play icon"
/>
Play
</button>
<button
class="ui basic circular button nuclear button more_button"
data-testid="more-button"
>
<i
aria-hidden="true"
class="ellipsis horizontal icon"
/>
</button>
</div>
</div>
</div>
<table
class="track_table"
role="table"
>
<thead>
<tr
role="row"
>
<th
colspan="1"
role="columnheader"
>
</th>
<th
colspan="1"
role="columnheader"
style="cursor: pointer;"
title="Toggle SortBy"
>
<span
class="title_with_icon"
data-testid="position-header"
>
<i
aria-hidden="true"
class="hashtag icon"
/>
<i
aria-hidden="true"
class="sort content ascending icon"
/>
</span>
</th>
<th
colspan="1"
role="columnheader"
style="cursor: pointer;"
title="Toggle SortBy"
>
<span
class="center_aligned"
>
<i
aria-hidden="true"
class="image icon"
/>
</span>
</th>
<th
colspan="1"
role="columnheader"
style="cursor: pointer;"
title="Toggle SortBy"
>
</th>
<th
colspan="1"
role="columnheader"
style="cursor: pointer;"
title="Toggle SortBy"
>
<span
class="title_with_icon"
>
Title
<i
aria-hidden="true"
class="sort content ascending disabled icon"
/>
</span>
</th>
<th
colspan="1"
role="columnheader"
style="cursor: pointer;"
title="Toggle SortBy"
>
<span
class="title_with_icon"
>
Artist
<i
aria-hidden="true"
class="sort content ascending disabled icon"
/>
</span>
</th>
<th
colspan="1"
role="columnheader"
>
<span
class="select_header"
>
<div
class="ui fitted checkbox nuclear checkbox"
style="cursor: pointer;"
>
<input
class="hidden"
readonly=""
tabindex="0"
title="Toggle All Rows Selected"
type="checkbox"
value=""
/>
<label />
</div>
</span>
</th>
</tr>
</thead>
<tbody
data-rbd-droppable-context-id="0"
data-rbd-droppable-id="track_table"
role="rowgroup"
>
<tr
aria-describedby="rbd-hidden-text-0-hidden-text-0"
class=""
data-rbd-drag-handle-context-id="0"
data-rbd-drag-handle-draggable-id="test track 0"
data-rbd-draggable-context-id="0"
data-rbd-draggable-id="test track 0"
data-testid="track-table-row"
draggable="false"
role="button"
tabindex="0"
>
<td
class="narrow delete_cell"
role="cell"
>
<button
class="ui tiny basic circular icon button nuclear button borderless"
data-testid="delete-button"
>
<i
aria-hidden="true"
class="times icon"
/>
</button>
</td>
<td
class="position_cell narrow"
data-testid="position-cell"
role="cell"
>
<button
class="ui pink tiny circular icon button nuclear button add_button"
data-testid="play-now"
>
<i
aria-hidden="true"
class="play icon"
/>
</button>
<span
class="position_cell_value"
>
1
</span>
</td>
<td
class="thumbnail_cell narrow"
role="cell"
>
<img
class="thumbnail"
src="test thumbnail"
/>
</td>
<td
class="favorite_cell narrow"
role="cell"
>
<button
class="ui tiny basic circular icon button nuclear button borderless"
>
<i
aria-hidden="true"
class="heart outline icon"
/>
</button>
</td>
<td
class="title_cell"
data-testid="title-cell"
role="cell"
>
<span
class="title_cell_content"
>
<span
class="title_cell_value"
>
test track
</span>
<span
class="title_cell_buttons"
>
<button
class="ui tiny basic circular icon button nuclear button borderless title_cell_button"
data-testid="add-to-queue"
>
<i
aria-hidden="true"
class="plus icon"
/>
</button>
<button
class="ui tiny basic circular icon button nuclear button borderless title_cell_button"
data-testid="track-popup-trigger"
>
<i
aria-hidden="true"
class="ellipsis horizontal icon"
/>
</button>
</span>
</span>
</td>
<td
role="cell"
>
test artist 1
</td>
<td
class="select_cell narrow"
role="cell"
>
<div
class="ui fitted checkbox nuclear checkbox"
style="cursor: pointer;"
>
<input
class="hidden"
readonly=""
tabindex="0"
title="Toggle Row Selected"
type="checkbox"
value=""
/>
<label />
</div>
</td>
</tr>
<tr
aria-describedby="rbd-hidden-text-0-hidden-text-0"
class=""
data-rbd-drag-handle-context-id="0"
data-rbd-drag-handle-draggable-id="test track 22 1"
data-rbd-draggable-context-id="0"
data-rbd-draggable-id="test track 22 1"
data-testid="track-table-row"
draggable="false"
role="button"
tabindex="0"
>
<td
class="narrow delete_cell"
role="cell"
>
<button
class="ui tiny basic circular icon button nuclear button borderless"
data-testid="delete-button"
>
<i
aria-hidden="true"
class="times icon"
/>
</button>
</td>
<td
class="position_cell narrow"
data-testid="position-cell"
role="cell"
>
<button
class="ui pink tiny circular icon button nuclear button add_button"
data-testid="play-now"
>
<i
aria-hidden="true"
class="play icon"
/>
</button>
<span
class="position_cell_value"
>
2
</span>
</td>
<td
class="thumbnail_cell narrow"
role="cell"
>
<img
class="thumbnail"
src="test thumbnail 2"
/>
</td>
<td
class="favorite_cell narrow"
role="cell"
>
<button
class="ui tiny basic circular icon button nuclear button borderless"
>
<i
aria-hidden="true"
class="heart outline icon"
/>
</button>
</td>
<td
class="title_cell"
data-testid="title-cell"
role="cell"
>
<span
class="title_cell_content"
>
<span
class="title_cell_value"
>
test track 22
</span>
<span
class="title_cell_buttons"
>
<button
class="ui tiny basic circular icon button nuclear button borderless title_cell_button"
data-testid="add-to-queue"
>
<i
aria-hidden="true"
class="plus icon"
/>
</button>
<button
class="ui tiny basic circular icon button nuclear button borderless title_cell_button"
data-testid="track-popup-trigger"
>
<i
aria-hidden="true"
class="ellipsis horizontal icon"
/>
</button>
</span>
</span>
</td>
<td
role="cell"
>
test artist 2
</td>
<td
class="select_cell narrow"
role="cell"
>
<div
class="ui fitted checkbox nuclear checkbox"
style="cursor: pointer;"
>
<input
class="hidden"
readonly=""
tabindex="0"
title="Toggle Row Selected"
type="checkbox"
value=""
/>
<label />
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</DocumentFragment>
`;