Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

test(sbb-pearl-chain-vertical): add visual tests #2915

Merged
merged 5 commits into from
Jul 10, 2024
Merged

test(sbb-pearl-chain-vertical): add visual tests #2915

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4cf5463
test: add snapshots
DavideMininni-Fincons Jul 9, 2024
2695ffa
test: add missing tests
DavideMininni-Fincons Jul 9, 2024
b062d81
chore: minor fixes
DavideMininni-Fincons Jul 10, 2024
5de138a
chore: remove test
DavideMininni-Fincons Jul 10, 2024
c8f3d27
chore: add timetable-occupancy to pearl-chain-vertical
DavideMininni-Fincons Jul 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
244 changes: 244 additions & 0 deletions ...l/pearl-chain-vertical-item/__snapshots__/pearl-chain-vertical-item.snapshot.spec.snap.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,244 @@
/* @web/test-runner snapshot v1 */
export const snapshots = {};

snapshots["sbb-pearl-chain-vertical-item renders component with charcoal standard line and bullet DOM"] =
`<sbb-pearl-chain-vertical-item>
</sbb-pearl-chain-vertical-item>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with charcoal standard line and bullet DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with charcoal standard line and bullet Shadow DOM"] =
`<div
class="sbb-pearl-chain-vertical-item__column"
style="height: 100px;"
>
<slot name="left">
</slot>
</div>
<div
aria-hidden="true"
class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
>
<div
class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--default sbb-pearl-chain-vertical-item__line--standard"
style="--sbb-pearl-chain-vertical-item-leg-status:0%;"
>
</div>
<div class="sbb-pearl-chain-vertical-item__bullet sbb-pearl-chain-vertical-item__bullet--default sbb-pearl-chain-vertical-item__bullet--start-end">
</div>
</div>
<slot name="right">
</slot>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with charcoal standard line and bullet Shadow DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with red line and bullet DOM"] =
`<sbb-pearl-chain-vertical-item>
</sbb-pearl-chain-vertical-item>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with red line and bullet DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with red line and bullet Shadow DOM"] =
`<div
class="sbb-pearl-chain-vertical-item__column"
style="height: 100px;"
>
<slot name="left">
</slot>
</div>
<div
aria-hidden="true"
class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
>
<div
class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--disruption sbb-pearl-chain-vertical-item__line--standard"
style="--sbb-pearl-chain-vertical-item-leg-status:0%;"
>
</div>
<div class="sbb-pearl-chain-vertical-item__bullet sbb-pearl-chain-vertical-item__bullet--default sbb-pearl-chain-vertical-item__bullet--start-end">
</div>
</div>
<slot name="right">
</slot>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with red line and bullet Shadow DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with left slot DOM"] =
`<sbb-pearl-chain-vertical-item>
<div slot="left">
content
</div>
</sbb-pearl-chain-vertical-item>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with left slot DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with left slot Shadow DOM"] =
`<div
class="sbb-pearl-chain-vertical-item__column"
style="height: 100px;"
>
<slot name="left">
</slot>
</div>
<div
aria-hidden="true"
class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
>
<div class="sbb-pearl-chain-vertical-item__bullet sbb-pearl-chain-vertical-item__bullet--default sbb-pearl-chain-vertical-item__bullet--start-end">
</div>
</div>
<slot name="right">
</slot>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with left slot Shadow DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with right slot DOM"] =
`<sbb-pearl-chain-vertical-item>
<div slot="right">
right content
</div>
</sbb-pearl-chain-vertical-item>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with right slot DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with right slot Shadow DOM"] =
`<div
class="sbb-pearl-chain-vertical-item__column"
style="height: 100px;"
>
<slot name="left">
</slot>
</div>
<div
aria-hidden="true"
class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
>
<div class="sbb-pearl-chain-vertical-item__bullet sbb-pearl-chain-vertical-item__bullet--past sbb-pearl-chain-vertical-item__bullet--start-end">
</div>
</div>
<slot name="right">
</slot>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with right slot Shadow DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with both slots DOM"] =
`<sbb-pearl-chain-vertical-item>
<div slot="right">
right content
</div>
<div slot="left">
left content
</div>
</sbb-pearl-chain-vertical-item>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with both slots DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with both slots Shadow DOM"] =
`<div
class="sbb-pearl-chain-vertical-item__column"
style="height: 100px;"
>
<slot name="left">
</slot>
</div>
<div
aria-hidden="true"
class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
>
<div class="sbb-pearl-chain-vertical-item__bullet sbb-pearl-chain-vertical-item__bullet--past sbb-pearl-chain-vertical-item__bullet--start-end">
</div>
</div>
<slot name="right">
</slot>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with both slots Shadow DOM */

snapshots["sbb-pearl-chain-vertical-item renders a position DOM"] =
`<sbb-pearl-chain-vertical-item>
<div slot="right">
right content
</div>
<div slot="left">
left content
</div>
</sbb-pearl-chain-vertical-item>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders a position DOM */

snapshots["sbb-pearl-chain-vertical-item renders a position Shadow DOM"] =
`<div
class="sbb-pearl-chain-vertical-item__column"
style="height: 100px;"
>
<slot name="left">
</slot>
</div>
<div
aria-hidden="true"
class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
>
<div class="sbb-pearl-chain-vertical-item__bullet sbb-pearl-chain-vertical-item__bullet--past sbb-pearl-chain-vertical-item__bullet--start-end">
</div>
<div
class="sbb-pearl-chain-vertical-item__bullet--position"
style="--sbb-pearl-chain-vertical-item-position:50%;"
>
</div>
</div>
<slot name="right">
</slot>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders a position Shadow DOM */

snapshots["sbb-pearl-chain-vertical-item renders a crossed-bullet DOM"] =
`<sbb-pearl-chain-vertical-item>
<div slot="right">
right content
</div>
<div slot="left">
left content
</div>
</sbb-pearl-chain-vertical-item>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders a crossed-bullet DOM */

snapshots["sbb-pearl-chain-vertical-item renders a crossed-bullet Shadow DOM"] =
`<div
class="sbb-pearl-chain-vertical-item__column"
style="height: 100px;"
>
<slot name="left">
</slot>
</div>
<div
aria-hidden="true"
class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
>
<div class="sbb-pearl-chain-vertical-item__bullet sbb-pearl-chain-vertical-item__bullet--skipped sbb-pearl-chain-vertical-item__bullet--start-end">
</div>
</div>
<slot name="right">
</slot>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders a crossed-bullet Shadow DOM */

snapshots["sbb-pearl-chain-vertical-item renders component with charcoal standard line and bullet A11y tree Chrome"] =
`<p>
{
"role": "WebArea",
"name": ""
}
</p>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with charcoal standard line and bullet A11y tree Chrome */

snapshots["sbb-pearl-chain-vertical-item renders component with charcoal standard line and bullet A11y tree Firefox"] =
`<p>
{
"role": "document",
"name": ""
}
</p>
`;
/* end snapshot sbb-pearl-chain-vertical-item renders component with charcoal standard line and bullet A11y tree Firefox */

Loading
Loading