Skip to content

Commit 865bd5f

Browse files
committed
test(select): add fill screenshots for ionic theme
1 parent 24e58bb commit 865bd5f

7 files changed

+25
-0
lines changed

core/src/components/select/test/bottom-content/select.e2e.ts

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -213,3 +213,28 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
213213
});
214214
});
215215
});
216+
217+
configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => {
218+
test.describe(title('select: bottom content'), () => {
219+
test('entire select component should render correctly with no fill', async ({ page }) => {
220+
await page.setContent(
221+
`
222+
<ion-select label="Label" label-placement="stacked" helper-text="Helper text"></ion-select>
223+
`,
224+
config
225+
);
226+
const select = page.locator('ion-select');
227+
await expect(select).toHaveScreenshot(screenshot(`select-full-bottom-no-fill`));
228+
});
229+
test('entire select component should render correctly with outline fill', async ({ page }) => {
230+
await page.setContent(
231+
`
232+
<ion-select fill="outline" label="Label" label-placement="stacked" helper-text="Helper text"></ion-select>
233+
`,
234+
config
235+
);
236+
const select = page.locator('ion-select');
237+
await expect(select).toHaveScreenshot(screenshot(`select-full-bottom-outline`));
238+
});
239+
});
240+
});
Loading
Loading
Loading
Loading
Loading
Loading

0 commit comments

Comments
 (0)