From bb948ef6bc89aa240735a99258bb0fe3533d2bf1 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Fri, 29 Jul 2022 11:09:00 +0200
Subject: [PATCH] add stories for upgrader

---
 .../src/stories/upgrader.stories.ts           | 11 ----
 .../src/upgrader/upgrader.stories.ts          | 51 +++++++++++++++++++
 2 files changed, 51 insertions(+), 11 deletions(-)
 delete mode 100644 src/Umbraco.Web.UI.Client/src/stories/upgrader.stories.ts
 create mode 100644 src/Umbraco.Web.UI.Client/src/upgrader/upgrader.stories.ts

diff --git a/src/Umbraco.Web.UI.Client/src/stories/upgrader.stories.ts b/src/Umbraco.Web.UI.Client/src/stories/upgrader.stories.ts
deleted file mode 100644
index 62d8d0c49a..0000000000
--- a/src/Umbraco.Web.UI.Client/src/stories/upgrader.stories.ts
+++ /dev/null
@@ -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({});
diff --git a/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.stories.ts b/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.stories.ts
new file mode 100644
index 0000000000..c9d5677bfc
--- /dev/null
+++ b/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',
+};