test(chip): reduce file space
Maria Hutt
@@ -4,10 +4,7 @@ import { configs, test } from '@utils/test/playwright';
|
|||||||
/**
|
/**
|
||||||
* This behavior does not vary across modes/directions
|
* This behavior does not vary across modes/directions
|
||||||
*/
|
*/
|
||||||
configs({ modes: ['ios'], directions: ['ltr'], palettes: ['dark', 'light'] }).forEach(({ title, screenshot, config }) => {
|
configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
||||||
/**
|
|
||||||
* This behavior does not vary across modes/directions.
|
|
||||||
*/
|
|
||||||
test.describe(title('chip: states'), () => {
|
test.describe(title('chip: states'), () => {
|
||||||
test('should render disabled state', async ({ page }) => {
|
test('should render disabled state', async ({ page }) => {
|
||||||
await page.goto(`/src/components/chip/test/states`, config);
|
await page.goto(`/src/components/chip/test/states`, config);
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 1013 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 27 KiB |
@@ -17,7 +17,6 @@
|
|||||||
<body>
|
<body>
|
||||||
<ion-app>
|
<ion-app>
|
||||||
<ion-content>
|
<ion-content>
|
||||||
|
|
||||||
<h3>Default</h3>
|
<h3>Default</h3>
|
||||||
|
|
||||||
<div id="default">
|
<div id="default">
|
||||||
@@ -228,7 +227,9 @@
|
|||||||
|
|
||||||
<h3>Focused</h3>
|
<h3>Focused</h3>
|
||||||
<p>
|
<p>
|
||||||
`ion-chip` is not focusable by default, meaning it doesn't use `ion-focusable`. But it does have focus styles that target the `:focus` pseudo-class. In order to see the focus styles, you need to add tabindex="0" and tab into the chip.
|
`ion-chip` is not focusable by default, meaning it doesn't use `ion-focusable`. But it does have focus styles
|
||||||
|
that target the `:focus` pseudo-class. In order to see the focus styles, you need to add tabindex="0" and tab
|
||||||
|
into the chip.
|
||||||
</p>
|
</p>
|
||||||
<div id="focused">
|
<div id="focused">
|
||||||
<p>
|
<p>
|
||||||
|
|||||||