mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
Merge remote-tracking branch 'origin/main' into sp/sync-feature-7-6-with-main
This commit is contained in:
@ -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;
|
||||
|
||||
|
||||
@ -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();
|
||||
|
||||
|
||||
@ -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');
|
||||
|
||||
Reference in New Issue
Block a user