Skip to content

Commit 07e7f6c

Browse files
OS-susmitabhowmikOS-susmitabhowmik
committed
test(accordion): add nested accordion tests for ionic theme
1 parent 3935120 commit 07e7f6c

File tree

1 file changed

+121
-0
lines changed

1 file changed

+121
-0
lines changed

‎core/src/components/accordion/test/nested/accordion.e2e.ts‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,3 +28,124 @@ configs({ directions: ['ltr'] }).forEach(({ config, screenshot, title }) => {
2828
});
2929
});
3030
});
31+
32+
configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screenshot, title }) => {
33+
test.describe(title('accordion: nested'), () => {
34+
test('parent and child should not be disabled', async ({ page }) => {
35+
await page.setContent(
36+
`
37+
<ion-accordion-group value="first">
38+
<ion-accordion value="first">
39+
<ion-item slot="header">
40+
<ion-label>Attractions</ion-label>
41+
</ion-item>
42+
<ion-accordion-group slot="content" value="second">
43+
<ion-accordion value="first">
44+
<ion-item slot="header">
45+
<ion-label>First Item</ion-label>
46+
</ion-item>
47+
<div slot="content">First item content!</div>
48+
</ion-accordion>
49+
<ion-accordion value="second">
50+
<ion-item slot="header">
51+
<ion-label>Second Item</ion-label>
52+
</ion-item>
53+
<div slot="content">Second item content!</div>
54+
</ion-accordion>
55+
<ion-accordion value="third">
56+
<ion-item slot="header">
57+
<ion-label>Third Item</ion-label>
58+
</ion-item>
59+
<div slot="content">Third item content!</div>
60+
</ion-accordion>
61+
</ion-accordion-group>
62+
</ion-accordion>
63+
</ion-accordion-group>
64+
`,
65+
config
66+
);
67+
68+
const accordionGroup = page.locator('ion-accordion-group');
69+
70+
await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-nested-enabled'));
71+
});
72+
73+
test('parent should not be disabled when only child is disabled', async ({ page }) => {
74+
await page.setContent(
75+
`
76+
<ion-accordion-group value="first">
77+
<ion-accordion value="first">
78+
<ion-item slot="header">
79+
<ion-label>Attractions</ion-label>
80+
</ion-item>
81+
<ion-accordion-group slot="content" value="second" disabled="true">
82+
<ion-accordion value="first">
83+
<ion-item slot="header">
84+
<ion-label>First Item</ion-label>
85+
</ion-item>
86+
<div slot="content">First item content!</div>
87+
</ion-accordion>
88+
<ion-accordion value="second">
89+
<ion-item slot="header">
90+
<ion-label>Second Item</ion-label>
91+
</ion-item>
92+
<div slot="content">Second item content!</div>
93+
</ion-accordion>
94+
<ion-accordion value="third">
95+
<ion-item slot="header">
96+
<ion-label>Third Item</ion-label>
97+
</ion-item>
98+
<div slot="content">Third item content!</div>
99+
</ion-accordion>
100+
</ion-accordion-group>
101+
</ion-accordion>
102+
</ion-accordion-group>
103+
`,
104+
config
105+
);
106+
107+
const accordionGroup = page.locator('ion-accordion-group');
108+
109+
await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-child-disabled'));
110+
});
111+
112+
test('parent and child should be disabled when parent is disabled', async ({ page }) => {
113+
await page.setContent(
114+
`
115+
<ion-accordion-group value="first" disabled="true">
116+
<ion-accordion value="first">
117+
<ion-item slot="header">
118+
<ion-label>Attractions</ion-label>
119+
</ion-item>
120+
<ion-accordion-group slot="content" value="second">
121+
<ion-accordion value="first">
122+
<ion-item slot="header">
123+
<ion-label>First Item</ion-label>
124+
</ion-item>
125+
<div slot="content">First item content!</div>
126+
</ion-accordion>
127+
<ion-accordion value="second">
128+
<ion-item slot="header">
129+
<ion-label>Second Item</ion-label>
130+
</ion-item>
131+
<div slot="content">Second item content!</div>
132+
</ion-accordion>
133+
<ion-accordion value="third">
134+
<ion-item slot="header">
135+
<ion-label>Third Item</ion-label>
136+
</ion-item>
137+
<div slot="content">Third item content!</div>
138+
</ion-accordion>
139+
</ion-accordion-group>
140+
</ion-accordion>
141+
</ion-accordion-group>
142+
`,
143+
config
144+
);
145+
146+
const accordionGroup = page.locator('ion-accordion-group');
147+
148+
await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-parent-disabled'));
149+
});
150+
});
151+
});

0 commit comments

Comments
 (0)