feat(checkbox): add helperText and errorText properties #15228
Annotations
10 errors and 1 notice
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L105
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-ios-ltr-Mobile-Chrome-linux.png, writing actual.
103 |
104 | const bottomEl = page.locator('ion-checkbox');
> 105 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper`));
| ^
106 | });
107 | test('should not have visual regressions when rendering helper text with wrapping text', async ({ page }) => {
108 | await page.setContent(
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L114
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-wrapping-ios-ltr-Mobile-Chrome-linux.png, writing actual.
112 |
113 | const bottomEl = page.locator('ion-checkbox');
> 114 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-wrapping`));
| ^
115 | });
116 | test('should not have visual regressions when rendering helper text with a stacked label', async ({ page }) => {
117 | await page.setContent(
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:114:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L123
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-label-stacked-ios-ltr-Mobile-Chrome-linux.png, writing actual.
121 |
122 | const bottomEl = page.locator('ion-checkbox');
> 123 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-label-stacked`));
| ^
124 | });
125 | test('should not have visual regressions when rendering helper text with a stacked label and wrapping text', async ({
126 | page,
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:123:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L134
4) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:125:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label and wrapping text
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-label-stacked-wrapping-ios-ltr-Mobile-Chrome-linux.png, writing actual.
132 |
133 | const bottomEl = page.locator('ion-checkbox');
> 134 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-label-stacked-wrapping`));
| ^
135 | });
136 | });
137 |
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:134:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L146
5) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:139:9 › checkbox: error text rendering - ios/ltr › should not have visual regressions when rendering error text
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-error-ios-ltr-Mobile-Chrome-linux.png, writing actual.
144 |
145 | const bottomEl = page.locator('ion-checkbox');
> 146 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-error`));
| ^
147 | });
148 | test('should not have visual regressions when rendering error text with a stacked label', async ({ page }) => {
149 | await page.setContent(
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:146:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L155
6) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:148:9 › checkbox: error text rendering - ios/ltr › should not have visual regressions when rendering error text with a stacked label
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-error-label-stacked-ios-ltr-Mobile-Chrome-linux.png, writing actual.
153 |
154 | const bottomEl = page.locator('ion-checkbox');
> 155 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-error-label-stacked`));
| ^
156 | });
157 | test('should not have visual regressions when rendering error text with a custom color', async ({ page }) => {
158 | await page.setContent(
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:155:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L171
7) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:157:9 › checkbox: error text rendering - ios/ltr › should not have visual regressions when rendering error text with a custom color
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-error-custom-ios-ltr-Mobile-Chrome-linux.png, writing actual.
169 |
170 | const errorText = page.locator('ion-checkbox');
> 171 | await expect(errorText).toHaveScreenshot(screenshot(`checkbox-bottom-content-error-custom`));
| ^
172 | });
173 | });
174 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:171:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L105
8) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - md/ltr › should not have visual regressions when rendering helper text
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-md-ltr-Mobile-Chrome-linux.png, writing actual.
103 |
104 | const bottomEl = page.locator('ion-checkbox');
> 105 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper`));
| ^
106 | });
107 | test('should not have visual regressions when rendering helper text with wrapping text', async ({ page }) => {
108 | await page.setContent(
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L114
9) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - md/ltr › should not have visual regressions when rendering helper text with wrapping text
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-wrapping-md-ltr-Mobile-Chrome-linux.png, writing actual.
112 |
113 | const bottomEl = page.locator('ion-checkbox');
> 114 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-wrapping`));
| ^
115 | });
116 | test('should not have visual regressions when rendering helper text with a stacked label', async ({ page }) => {
117 | await page.setContent(
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:114:7
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L123
10) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - md/ltr › should not have visual regressions when rendering helper text with a stacked label
Error: A snapshot doesn't exist at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts-snapshots/checkbox-bottom-content-helper-label-stacked-md-ltr-Mobile-Chrome-linux.png, writing actual.
121 |
122 | const bottomEl = page.locator('ion-checkbox');
> 123 | await expect(bottomEl).toHaveScreenshot(screenshot(`checkbox-bottom-content-helper-label-stacked`));
| ^
124 | });
125 | test('should not have visual regressions when rendering helper text with a stacked label and wrapping text', async ({
126 | page,
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:123:7
|
|
Run /./.github/workflows/actions/test-core-screenshot
14 failed
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with wrapping text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:125:9 › checkbox: helper text rendering - ios/ltr › should not have visual regressions when rendering helper text with a stacked label and wrapping text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:139:9 › checkbox: error text rendering - ios/ltr › should not have visual regressions when rendering error text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:148:9 › checkbox: error text rendering - ios/ltr › should not have visual regressions when rendering error text with a stacked label
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:157:9 › checkbox: error text rendering - ios/ltr › should not have visual regressions when rendering error text with a custom color
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:101:9 › checkbox: helper text rendering - md/ltr › should not have visual regressions when rendering helper text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:107:9 › checkbox: helper text rendering - md/ltr › should not have visual regressions when rendering helper text with wrapping text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:9 › checkbox: helper text rendering - md/ltr › should not have visual regressions when rendering helper text with a stacked label
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:125:9 › checkbox: helper text rendering - md/ltr › should not have visual regressions when rendering helper text with a stacked label and wrapping text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:139:9 › checkbox: error text rendering - md/ltr › should not have visual regressions when rendering error text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:148:9 › checkbox: error text rendering - md/ltr › should not have visual regressions when rendering error text with a stacked label
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:157:9 › checkbox: error text rendering - md/ltr › should not have visual regressions when rendering error text with a custom color
433 passed (3.7m)
|
Loading