1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-17 08:43:33 +00:00

[CL-133] add skip links to bit-layout (#7213)

* Add light LinkType to link directive

* add skip link to bit-layout; update i18n for all apps

* install storybook interaction testing packages

* update storybook config

* add skiplink story to bit-layout

* update route and focus logic

* remove focus ring
This commit is contained in:
Will Martin
2023-12-15 09:06:05 -05:00
committed by GitHub
parent b73d73b508
commit e102919c2f
10 changed files with 642 additions and 7 deletions

View File

@@ -1,5 +1,6 @@
import { RouterTestingModule } from "@angular/router/testing";
import { Meta, StoryObj, componentWrapperDecorator, moduleMetadata } from "@storybook/angular";
import { userEvent } from "@storybook/testing-library";
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
@@ -30,6 +31,7 @@ export default {
provide: I18nService,
useFactory: () => {
return new I18nMockService({
skipToContent: "Skip to content",
submenu: "submenu",
toggleCollapse: "toggle collapse",
});
@@ -134,6 +136,13 @@ export const WithContent: Story = {
}),
};
export const SkipLinks: Story = {
...WithContent,
play: async () => {
await userEvent.tab();
},
};
export const Secondary: Story = {
render: (args) => ({
props: args,