Merge remote-tracking branch 'origin/main' into sp/sync-feature-7-6-with-main

This commit is contained in:
Sean Perkins
2023-11-02 13:14:57 -04:00
442 changed files with 2741 additions and 1435 deletions

View File

@ -4,9 +4,6 @@
// iOS Radio
// --------------------------------------------------
/// @prop - Color of the checked radio
$radio-ios-color-on: current-color(base) !default;
/// @prop - Background color of focus indicator for radio when focused
$radio-ios-background-color-focused: ion-color(primary, tint) !default;

View File

@ -136,8 +136,7 @@ export class Radio implements ComponentInterface {
/** @internal */
@Method()
async setFocus(ev: any) {
// TODO(FW-2832): type (using Event triggers a build error due to conflict with Stencil Event import)
async setFocus(ev: globalThis.Event) {
ev.stopPropagation();
ev.preventDefault();

View File

@ -6,10 +6,11 @@ import { configs, test } from '@utils/test/playwright';
*/
configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
test.describe(title('radio: a11y'), () => {
// TODO(FW-5218)
test.fixme('tabbing should switch between radio groups', async ({ page, pageUtils }) => {
test.beforeEach(async ({ page, skip }) => {
skip.browser('webkit', 'Tabbing is flaky in Safari');
await page.goto(`/src/components/radio/test/legacy/a11y`, config);
});
test('tabbing should switch between radio groups', async ({ page, pageUtils }) => {
const firstGroupRadios = page.locator('#first-group ion-radio');
const secondGroupRadios = page.locator('#second-group ion-radio');
@ -22,10 +23,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
await pageUtils.pressKeys('shift+Tab');
await expect(firstGroupRadios.nth(0)).toBeFocused();
});
// TODO(FW-5218)
test.fixme('using arrow keys should move between enabled radios within group', async ({ page, pageUtils }) => {
await page.goto(`/src/components/radio/test/legacy/a11y`, config);
test('using arrow keys should move between enabled radios within group', async ({ page, pageUtils }) => {
const firstGroupRadios = page.locator('#first-group ion-radio');
await pageUtils.pressKeys('Tab');