From 35ab83e929d1c0f720f87564f54ad178878cf91e Mon Sep 17 00:00:00 2001 From: tomgny <49343696+tomgny@users.noreply.github.com> Date: Wed, 27 Oct 2021 10:07:12 +0200 Subject: [PATCH] [AAE-6207] Storybook stories for Toolbar (#7322) * [AAE-6207] added stories * [AAE-6207] added core story module * [AAE-6207] added undefined color story --- lib/core/testing/core.story.module.ts | 30 +++++++++++ lib/core/toolbar/toolbar.component.stories.ts | 53 +++++++++++++++++++ 2 files changed, 83 insertions(+) create mode 100644 lib/core/testing/core.story.module.ts create mode 100644 lib/core/toolbar/toolbar.component.stories.ts diff --git a/lib/core/testing/core.story.module.ts b/lib/core/testing/core.story.module.ts new file mode 100644 index 0000000000..0b96b4ff9b --- /dev/null +++ b/lib/core/testing/core.story.module.ts @@ -0,0 +1,30 @@ +/*! + * @license + * Copyright 2019 Alfresco Software, Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { NgModule } from '@angular/core'; +import { CoreModule } from '../core.module'; +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import { TranslateModule } from '@ngx-translate/core'; + +@NgModule({ + imports: [ + TranslateModule.forRoot(), + CoreModule.forRoot(), + BrowserAnimationsModule + ] +}) +export class CoreStoryModule { } diff --git a/lib/core/toolbar/toolbar.component.stories.ts b/lib/core/toolbar/toolbar.component.stories.ts new file mode 100644 index 0000000000..b62bf5b085 --- /dev/null +++ b/lib/core/toolbar/toolbar.component.stories.ts @@ -0,0 +1,53 @@ +/*! + * @license + * Copyright 2019 Alfresco Software, Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { Meta, moduleMetadata, Story } from '@storybook/angular'; +import { CoreStoryModule } from '../testing/core.story.module'; +import { ToolbarComponent } from './toolbar.component'; +import { ToolbarModule } from './toolbar.module'; + +export default { + component: ToolbarComponent, + title: 'Core/Components/Toolbar', + decorators: [ + moduleMetadata({ + imports: [CoreStoryModule, ToolbarModule] + }) + ], + argTypes: { + color: { + control: 'radio', + options: ['primary', 'accent', 'warn'] + } + } +} as Meta; + +const template: Story = (args: ToolbarComponent) => ({ + props: args +}); + +export const primary = template.bind({}); +primary.args = { + title: 'Alfresco Storybook App', + color: 'primary' +}; + +export const invalidOrMissingColor = template.bind({}); +invalidOrMissingColor.args = { + title: 'Alfresco Storybook App', + color: undefined +};