add stories for upgrader

src/Umbraco.Web.UI.Client/src/stories/upgrader.stories.ts

@@ -1,11 +0,0 @@
-import { Story, Meta } from '@storybook/web-components';
-import { html } from 'lit-html';
-import '../upgrader/upgrader.element';
-
-export default {
-	title: 'Upgrader/Upgrader',
-} as Meta;
-
-const Template: Story = () => html`<umb-upgrader></umb-upgrader>`;
-
-export const Overview = Template.bind({});

src/Umbraco.Web.UI.Client/src/upgrader/upgrader.stories.ts

@@ -0,0 +1,51 @@
+import '.';
+
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbUpgraderView } from './upgrader-view.element';
+
+export default {
+	title: 'Upgrader/Upgrader',
+	args: {
+		errorMessage: '',
+		fetching: false,
+		upgrading: false,
+		settings: {
+			currentState: '2b20c6e7',
+			newState: '2b20c6e8',
+			oldVersion: '12.0.0',
+			newVersion: '13.0.0',
+			reportUrl: 'https://our.umbraco.com/download/releases/1000',
+		},
+	},
+	parameters: {
+		actions: {
+			handles: ['onAuthorizeUpgrade'],
+		},
+	},
+} as Meta<UmbUpgraderView>;
+
+const Template: Story = ({ fetching, upgrading, errorMessage, settings }) =>
+	html`<umb-upgrader-view
+		.fetching=${fetching}
+		.upgrading=${upgrading}
+		.errorMessage=${errorMessage}
+		.settings=${settings}></umb-upgrader-view>`;
+
+export const Overview = Template.bind({});
+
+export const Fetching = Template.bind({});
+Fetching.args = {
+	fetching: true,
+};
+
+export const Upgrading = Template.bind({});
+Upgrading.args = {
+	upgrading: true,
+};
+
+export const Error = Template.bind({});
+Error.args = {
+	errorMessage: 'Something went wrong',
+};