Skip to content

Commit

Permalink
fix: lint
Browse files Browse the repository at this point in the history
  • Loading branch information
MarioCastigliano committed Apr 26, 2024
1 parent d52747d commit 4e5abb1
Show file tree
Hide file tree
Showing 3 changed files with 27 additions and 27 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -160,16 +160,16 @@ export const HorizontalPanels: StoryObj = {
export const VerticalPanels: StoryObj = {
render: PanelTemplate,
argTypes: defaultArgTypes,
args: { ...defaultArgs, orientation: orientation.options[1] },
args: { ...defaultArgs, orientation: orientation.options![1] },
};

export const VerticalToHorizontalPanels: StoryObj = {
render: PanelTemplate,
argTypes: defaultArgTypes,
args: {
...defaultArgs,
orientation: orientation.options[1],
'horizontal-from': horizontalFrom.options[4],
orientation: orientation.options![1],
'horizontal-from': horizontalFrom.options![4],
},
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -32,30 +32,30 @@ describe(`sbb-selection-expansion-panel with ${fixture.name}`, () => {
/* eslint-disable lit/binding-positions */
return html`
<${tagGroupElement} ${inputType === 'radio-button' && 'value="Value one"'}>
<sbb-selection-panel id="sbb-selection-panel-1">
<sbb-selection-expansion-panel id="sbb-selection-panel-1">
<${tagSingle} id="sbb-input-1" value="Value one" ?checked='${
inputType === 'checkbox'
}'>Value one</${tagSingle}>
<div id="panel-content-1" slot="content">
Inner Content
<sbb-block-link-button>Link</sbb-block-link-button>
</div>
</sbb-selection-panel>
<sbb-selection-panel id="sbb-selection-panel-2">
</sbb-selection-expansion-panel>
<sbb-selection-expansion-panel id="sbb-selection-panel-2">
<${tagSingle} id="sbb-input-2" value="Value two">Value two</${tagSingle}>
<div id="panel-content-2" slot="content">
Inner Content
<sbb-block-link-button>Link</sbb-block-link-button>
</div>
</sbb-selection-panel>
<sbb-selection-panel id="sbb-selection-panel-3">
</sbb-selection-expansion-panel>
<sbb-selection-expansion-panel id="sbb-selection-panel-3">
<${tagSingle} id="sbb-input-3" value="Value three" disabled>Value three</${tagSingle}>
<div id="panel-content-3" slot="content">
Inner Content
<sbb-block-link-button>Link</sbb-block-link-button>
</div>
</sbb-selection-panel>
<sbb-selection-panel id="sbb-selection-panel-4">
</sbb-selection-expansion-panel>
<sbb-selection-expansion-panel id="sbb-selection-panel-4">
<${tagSingle} id="sbb-input-4" value="Value four">Value four</${tagSingle}>
<div id="panel-content-4" slot="content">
Inner Content
Expand Down Expand Up @@ -271,22 +271,22 @@ describe(`sbb-selection-expansion-panel with ${fixture.name}`, () => {
const wrapperNoContent = await fixture(
html`
<sbb-radio-button-group id="group-no-content" value="Value 2">
<sbb-selection-panel id="no-content-1">
<sbb-selection-expansion-panel id="no-content-1">
<sbb-radio-button id="input-no-content-1" value="Value 1">Value one</sbb-radio-button>
</sbb-selection-panel>
<sbb-selection-panel id="no-content-2">
</sbb-selection-expansion-panel>
<sbb-selection-expansion-panel id="no-content-2">
<sbb-radio-button id="input-no-content-2" value="Value 2">Value two</sbb-radio-button>
</sbb-selection-panel>
<sbb-selection-panel id="no-content-3">
</sbb-selection-expansion-panel>
<sbb-selection-expansion-panel id="no-content-3">
<sbb-radio-button id="input-no-content-3" value="Value 3" disabled
>Value three</sbb-radio-button
>
</sbb-selection-panel>
<sbb-selection-panel id="no-content-4">
</sbb-selection-expansion-panel>
<sbb-selection-expansion-panel id="no-content-4">
<sbb-radio-button id="input-no-content-4" value="Value 4"
>Value four</sbb-radio-button
>
</sbb-selection-panel>
</sbb-selection-expansion-panel>
</sbb-radio-button-group>
`,
{
Expand Down Expand Up @@ -355,21 +355,21 @@ describe(`sbb-selection-expansion-panel with ${fixture.name}`, () => {
nestedElement = await fixture(
html`
<sbb-radio-button-group orientation="vertical" horizontal-from="large">
<sbb-selection-panel id="panel1">
<sbb-selection-expansion-panel id="panel1">
<sbb-radio-button value="main1" checked> Main Option 1 </sbb-radio-button>
<sbb-radio-button-group orientation="vertical" slot="content">
<sbb-radio-button value="sub1" checked>Suboption 1</sbb-radio-button>
<sbb-radio-button value="sub2">Suboption 2</sbb-radio-button>
</sbb-radio-button-group>
</sbb-selection-panel>
</sbb-selection-expansion-panel>
<sbb-selection-panel id="panel2">
<sbb-selection-expansion-panel id="panel2">
<sbb-radio-button value="main2"> Main Option 2 </sbb-radio-button>
<sbb-radio-button-group orientation="vertical" slot="content">
<sbb-radio-button value="sub3">Suboption 3</sbb-radio-button>
<sbb-radio-button value="sub4">Suboption 4</sbb-radio-button>
</sbb-radio-button-group>
</sbb-selection-panel>
</sbb-selection-expansion-panel>
</sbb-radio-button-group>
`,
{
Expand Down Expand Up @@ -488,15 +488,15 @@ describe(`sbb-selection-expansion-panel with ${fixture.name}`, () => {
html`
<div>
<template>
<sbb-selection-panel>
<sbb-selection-expansion-panel>
<sbb-radio-button value="main1" checked="true"> Main Option 1 </sbb-radio-button>
<sbb-radio-button-group orientation="vertical" slot="content">
<sbb-radio-button value="sub1" checked>Suboption 1</sbb-radio-button>
<sbb-radio-button value="sub2">Suboption 2</sbb-radio-button>
</sbb-radio-button-group>
</sbb-selection-expansion-panel>
<sbb-selection-panel>
<sbb-selection-expansion-panel>
<sbb-radio-button value="main2"> Main Option 2 </sbb-radio-button>
<sbb-radio-button-group orientation="vertical" slot="content">
<sbb-radio-button value="sub3">Suboption 3</sbb-radio-button>
Expand Down Expand Up @@ -696,15 +696,15 @@ describe(`sbb-selection-expansion-panel with ${fixture.name}`, () => {
nestedElement = await fixture(
html`
<sbb-checkbox-group orientation="vertical" horizontal-from="large">
<sbb-selection-panel>
<sbb-selection-expansion-panel>
<sbb-checkbox value="main1" checked> Main Option 1 </sbb-checkbox>
<sbb-checkbox-group orientation="vertical" slot="content">
<sbb-checkbox value="sub1" checked>Suboption 1</sbb-checkbox>
<sbb-checkbox value="sub2">Suboption 2</sbb-checkbox>
</sbb-checkbox-group>
</sbb-selection-expansion-panel>
<sbb-selection-panel>
<sbb-selection-expansion-panel>
<sbb-checkbox value="main2"> Main Option 2 </sbb-checkbox>
<sbb-checkbox-group orientation="vertical" slot="content">
<sbb-checkbox value="sub3">Suboption 3</sbb-checkbox>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ describe(`sbb-selection-expansion-panel`, () => {
// Note: for easier testing, we add the slot="badge"
// to <sbb-card-badge> which would not be needed in real.
element = await fixture(html`
<sbb-selection-panel>
<sbb-selection-expansion-panel>
<sbb-card-badge slot="badge">
<span>%</span>
<span>from CHF</span>
Expand Down

0 comments on commit 4e5abb1

Please sign in to comment.