mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-06-30 18:15:11 +00:00
[AAE-6207] Storybook stories for Toolbar (#7322)
* [AAE-6207] added stories * [AAE-6207] added core story module * [AAE-6207] added undefined color story
This commit is contained in:
parent
ff956461cb
commit
35ab83e929
30
lib/core/testing/core.story.module.ts
Normal file
30
lib/core/testing/core.story.module.ts
Normal file
@ -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 { }
|
53
lib/core/toolbar/toolbar.component.stories.ts
Normal file
53
lib/core/toolbar/toolbar.component.stories.ts
Normal file
@ -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<ToolbarComponent> = (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
|
||||||
|
};
|
Loading…
x
Reference in New Issue
Block a user