@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/sdd/stories/SmartDesktopDesigner.stories.js

@@ -0,0 +1,50 @@
+import { SmartDesktopDesigner } from "../SmartDesktopDesigner";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { createStory } from "../../common/helpers";
+import views from "../fixtures/views";
+const DEFAULT_PROPS = {
+    views,
+    getTheme: () => new Promise((resolve) => {
+        resolve({ err: null, theme: {} });
+    }),
+    getConfig: (params, callback) => new Promise(() => {
+        callback(null, {
+            finsemble: {
+                system: {
+                    FSBLVersion: "test",
+                },
+            },
+        });
+    }),
+    resetProject: () => new Promise(() => { }),
+    getSDServerInfo: () => new Promise((resolve) => {
+        resolve({
+            enabled: true,
+            applicationRoot: "http://localhost/",
+            projectConfig: {},
+        });
+    }),
+    getProjectSettings: () => new Promise((resolve) => {
+        resolve({
+            settings: {
+                name: "default",
+                path: "/Users/administrator/Library/Application Support/Electron/smartDesktops/projects/default",
+            },
+            err: null,
+        });
+    }),
+    updateProjectSettings: () => new Promise(() => { }),
+    onThemeUpdated: () => () => { },
+    selectProjectPath: () => new Promise((resolve) => {
+        resolve("/tmp");
+    }),
+    restartFinsemble: () => { },
+    setDefaults: () => new Promise(() => { }),
+};
+export default {
+    title: "Components/Smart Desktop Designer",
+    component: SmartDesktopDesigner,
+};
+export const DefaultSDD = createStory(SmartDesktopDesigner, Object.assign({}, DEFAULT_PROPS));
+//# sourceMappingURL=SmartDesktopDesigner.stories.js.map

package/react/components/sdd/stories/SmartDesktopDesigner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartDesktopDesigner.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/SmartDesktopDesigner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAA6B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAKtC,MAAM,aAAa,GAAG;IACrB,KAAK;IACL,QAAQ,EAAE,GAAG,EAAE,CACd,IAAI,OAAO,CAA+C,CAAC,OAAO,EAAE,EAAE;QACrE,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnC,CAAC,CAAC;IACH,SAAS,EAAE,CAAC,MAAW,EAAE,QAAa,EAAE,EAAE,CACzC,IAAI,OAAO,CAAoC,GAAG,EAAE;QACnD,QAAQ,CAAC,IAAI,EAAE;YACd,SAAS,EAAE;gBACV,MAAM,EAAE;oBACP,WAAW,EAAE,MAAM;iBACnB;aACD;SACD,CAAC,CAAC;IACJ,CAAC,CAAC;IACH,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,OAAO,CAAsB,GAAG,EAAE,GAAE,CAAC,CAAC;IAC9D,eAAe,EAAE,GAAG,EAAE,CACrB,IAAI,OAAO,CAAe,CAAC,OAAO,EAAE,EAAE;QACrC,OAAO,CAAC;YACP,OAAO,EAAE,IAAI;YACb,eAAe,EAAE,mBAAmB;YACpC,aAAa,EAAE,EAAE;SACD,CAAC,CAAC;IACpB,CAAC,CAAC;IACH,kBAAkB,EAAE,GAAG,EAAE,CACxB,IAAI,OAAO,CASR,CAAC,OAAO,EAAE,EAAE;QACd,OAAO,CAAC;YACP,QAAQ,EAAE;gBACT,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,0FAA0F;aAChG;YACD,GAAG,EAAE,IAAI;SACT,CAAC,CAAC;IACJ,CAAC,CAAC;IACH,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI,OAAO,CAAe,GAAG,EAAE,GAAE,CAAC,CAAC;IAChE,cAAc,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC;IAC9B,iBAAiB,EAAE,GAAG,EAAE,CACvB,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,EAAE;QAC/B,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC,CAAC;IACH,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,OAAO,CAAM,GAAG,EAAE,GAAE,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAe;IACd,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,oBAAoB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAA4B,oBAAoB,oBAAO,aAAa,EAAG,CAAC","sourcesContent":["import { SmartDesktopDesigner, SmartDesktopDesignerProps } from \"../SmartDesktopDesigner\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { createStory } from \"../../common/helpers\";\nimport views from \"../fixtures/views\";\nimport { FEA } from \"@finsemble/finsemble-api\";\n\ntype SDServerInfo = FEA.SDServerInfo;\n\nconst DEFAULT_PROPS = {\n\tviews,\n\tgetTheme: () =>\n\t\tnew Promise<{ err: any; theme?: Record<string, string> }>((resolve) => {\n\t\t\tresolve({ err: null, theme: {} });\n\t\t}),\n\tgetConfig: (params: any, callback: any) =>\n\t\tnew Promise<{ data: any; err: string | null }>(() => {\n\t\t\tcallback(null, {\n\t\t\t\tfinsemble: {\n\t\t\t\t\tsystem: {\n\t\t\t\t\t\tFSBLVersion: \"test\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t});\n\t\t}),\n\tresetProject: () => new Promise<[Error | null, any]>(() => {}),\n\tgetSDServerInfo: () =>\n\t\tnew Promise<SDServerInfo>((resolve) => {\n\t\t\tresolve({\n\t\t\t\tenabled: true,\n\t\t\t\tapplicationRoot: \"http://localhost/\",\n\t\t\t\tprojectConfig: {},\n\t\t\t} as SDServerInfo);\n\t\t}),\n\tgetProjectSettings: () =>\n\t\tnew Promise<{\n\t\t\tsettings: {\n\t\t\t\tname: string;\n\t\t\t\tpath?: string;\n\t\t\t\tversion?: string;\n\t\t\t\tauthors?: string;\n\t\t\t\tdescription?: string;\n\t\t\t};\n\t\t\terr: any;\n\t\t}>((resolve) => {\n\t\t\tresolve({\n\t\t\t\tsettings: {\n\t\t\t\t\tname: \"default\",\n\t\t\t\t\tpath: \"/Users/administrator/Library/Application Support/Electron/smartDesktops/projects/default\",\n\t\t\t\t},\n\t\t\t\terr: null,\n\t\t\t});\n\t\t}),\n\tupdateProjectSettings: () => new Promise<{ err: any }>(() => {}),\n\tonThemeUpdated: () => () => {},\n\tselectProjectPath: () =>\n\t\tnew Promise<string>((resolve) => {\n\t\t\tresolve(\"/tmp\");\n\t\t}),\n\trestartFinsemble: () => {},\n\tsetDefaults: () => new Promise<any>(() => {}),\n};\n\nexport default {\n\ttitle: \"Components/Smart Desktop Designer\",\n\tcomponent: SmartDesktopDesigner,\n};\n\nexport const DefaultSDD = createStory<SmartDesktopDesignerProps>(SmartDesktopDesigner, { ...DEFAULT_PROPS });\n"]}

package/react/components/sdd/stories/ThemePage.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ThemePageProps } from "../ThemePage";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+declare const _default: {
+    title: string;
+    component: ({ updateThemes, theme }: ThemePageProps) => JSX.Element;
+};
+export default _default;
+export declare const Page: import("@storybook/react").Story<ThemePageProps>;

package/react/components/sdd/stories/ThemePage.stories.js

@@ -0,0 +1,16 @@
+import { createStory } from "../../common/helpers";
+import { ThemePage } from "../ThemePage";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { darkTheme } from "../themeDefinitions";
+export default {
+    title: "Smart Desktop Designer/ThemePage",
+    component: ThemePage,
+};
+export const Page = createStory(ThemePage, {
+    theme: darkTheme,
+    updateThemes: (id, newValue) => {
+        console.log(`ID: ${id}, Theme: ${newValue}`);
+    },
+});
+//# sourceMappingURL=ThemePage.stories.js.map

package/react/components/sdd/stories/ThemePage.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePage.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/ThemePage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,eAAe;IACd,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC1D,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,CAAC,EAAU,EAAE,QAAgB,EAAE,EAAE;QAC9C,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,QAAQ,EAAE,CAAC,CAAC;IAC9C,CAAC;CACD,CAAC,CAAC","sourcesContent":["import { createStory } from \"../../common/helpers\";\nimport { ThemePage, ThemePageProps } from \"../ThemePage\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { darkTheme } from \"../themeDefinitions\";\n\nexport default {\n\ttitle: \"Smart Desktop Designer/ThemePage\",\n\tcomponent: ThemePage,\n};\n\nexport const Page = createStory<ThemePageProps>(ThemePage, {\n\ttheme: darkTheme,\n\tupdateThemes: (id: string, newValue: string) => {\n\t\tconsole.log(`ID: ${id}, Theme: ${newValue}`);\n\t},\n});\n"]}

package/react/components/sdd/stories/Themes.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ThemeProps } from "../Themes";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+declare const _default: {
+    title: string;
+    component: ({ getSDServerInfo, updateProjectSettings, areYouSure, updateTheme, updateThemes, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, theme, }: ThemeProps) => JSX.Element;
+};
+export default _default;
+export declare const Page: import("@storybook/react").Story<ThemeProps>;

package/react/components/sdd/stories/Themes.stories.js

@@ -0,0 +1,53 @@
+import { Themes } from "../Themes";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { action } from "@storybook/addon-actions";
+import { darkTheme } from "../themeDefinitions";
+import { createStory } from "../../common/helpers";
+export default {
+    title: "Views/Themes",
+    component: Themes,
+};
+export const Page = createStory(Themes, {
+    getSDServerInfo: (cb) => {
+        cb({
+            applicationRoot: "",
+            name: "",
+            user: {
+                firstName: "",
+                lastName: "",
+                company: "",
+                email: "",
+            },
+            export: {
+                author: "",
+                companyName: "",
+                description: "",
+                toolbarIcon: "",
+                installerIcon: "",
+                taskbarIcon: "",
+                systemTrayIcon: "",
+                splashScreenImage: "",
+            },
+        });
+    },
+    updateProjectSettings: () => new Promise((resolve) => {
+        resolve({ err: undefined });
+    }),
+    updateSplashScreen: action("updateSplashScreen"),
+    updateToolbarIcon: action("updateToolbarIcon"),
+    updateTaskbarIcon: action("updateTaskbarIcon"),
+    updateSystemTrayIcon: action("updateSystemTrayIcon"),
+    updateInstallerIcon: action("updateInstallerIcon"),
+    areYouSure: (cb) => {
+        cb();
+    },
+    updateTheme: () => { },
+    updateThemes: action("updateTheme"),
+    theme: {
+        themes: {
+            Default: darkTheme,
+        },
+    },
+});
+//# sourceMappingURL=Themes.stories.js.map

package/react/components/sdd/stories/Themes.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Themes.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/Themes.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,WAAW,CAAC;AAC/C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,eAAe;IACd,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAa,MAAM,EAAE;IACnD,eAAe,EAAE,CAAC,EAAY,EAAE,EAAE;QACjC,EAAE,CAAC;YACF,eAAe,EAAE,EAAE;YACnB,IAAI,EAAE,EAAE;YACR,IAAI,EAAE;gBACL,SAAS,EAAE,EAAE;gBACb,QAAQ,EAAE,EAAE;gBACZ,OAAO,EAAE,EAAE;gBACX,KAAK,EAAE,EAAE;aACT;YACD,MAAM,EAAE;gBACP,MAAM,EAAE,EAAE;gBACV,WAAW,EAAE,EAAE;gBACf,WAAW,EAAE,EAAE;gBACf,WAAW,EAAE,EAAE;gBACf,aAAa,EAAE,EAAE;gBACjB,WAAW,EAAE,EAAE;gBACf,cAAc,EAAE,EAAE;gBAClB,iBAAiB,EAAE,EAAE;aACrB;SACD,CAAC,CAAC;IACJ,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE,CAC3B,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;IAC7B,CAAC,CAAC;IACH,kBAAkB,EAAE,MAAM,CAAC,oBAAoB,CAAC;IAChD,iBAAiB,EAAE,MAAM,CAAC,mBAAmB,CAAC;IAC9C,iBAAiB,EAAE,MAAM,CAAC,mBAAmB,CAAC;IAC9C,oBAAoB,EAAE,MAAM,CAAC,sBAAsB,CAAC;IACpD,mBAAmB,EAAE,MAAM,CAAC,qBAAqB,CAAC;IAClD,UAAU,EAAE,CAAC,EAAY,EAAE,EAAE;QAC5B,EAAE,EAAE,CAAC;IACN,CAAC;IACD,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC,aAAa,CAAC;IACnC,KAAK,EAAE;QACN,MAAM,EAAE;YACP,OAAO,EAAE,SAAS;SAClB;KACD;CACD,CAAC,CAAC","sourcesContent":["import { Themes, ThemeProps } from \"../Themes\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { action } from \"@storybook/addon-actions\";\nimport { darkTheme } from \"../themeDefinitions\";\nimport { createStory } from \"../../common/helpers\";\n\nexport default {\n\ttitle: \"Views/Themes\",\n\tcomponent: Themes,\n};\n\nexport const Page = createStory<ThemeProps>(Themes, {\n\tgetSDServerInfo: (cb: Function) => {\n\t\tcb({\n\t\t\tapplicationRoot: \"\",\n\t\t\tname: \"\",\n\t\t\tuser: {\n\t\t\t\tfirstName: \"\",\n\t\t\t\tlastName: \"\",\n\t\t\t\tcompany: \"\",\n\t\t\t\temail: \"\",\n\t\t\t},\n\t\t\texport: {\n\t\t\t\tauthor: \"\",\n\t\t\t\tcompanyName: \"\",\n\t\t\t\tdescription: \"\",\n\t\t\t\ttoolbarIcon: \"\",\n\t\t\t\tinstallerIcon: \"\",\n\t\t\t\ttaskbarIcon: \"\",\n\t\t\t\tsystemTrayIcon: \"\",\n\t\t\t\tsplashScreenImage: \"\",\n\t\t\t},\n\t\t});\n\t},\n\tupdateProjectSettings: () =>\n\t\tnew Promise((resolve) => {\n\t\t\tresolve({ err: undefined });\n\t\t}),\n\tupdateSplashScreen: action(\"updateSplashScreen\"),\n\tupdateToolbarIcon: action(\"updateToolbarIcon\"),\n\tupdateTaskbarIcon: action(\"updateTaskbarIcon\"),\n\tupdateSystemTrayIcon: action(\"updateSystemTrayIcon\"),\n\tupdateInstallerIcon: action(\"updateInstallerIcon\"),\n\tareYouSure: (cb: Function) => {\n\t\tcb();\n\t},\n\tupdateTheme: () => {},\n\tupdateThemes: action(\"updateTheme\"),\n\ttheme: {\n\t\tthemes: {\n\t\t\tDefault: darkTheme,\n\t\t},\n\t},\n});\n"]}

package/react/components/sdd/stories/Toolbar.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ToolbarProps } from "../Toolbar";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: ToolbarProps) => JSX.Element;
+};
+export default _default;
+export declare const EmptyApplications: Story<ToolbarProps>;
+export declare const DefaultApplications: Story<ToolbarProps>;
+export declare const Long: Story<ToolbarProps>;
+export declare const ApplicationsWithTemporary: Story<ToolbarProps>;

package/react/components/sdd/stories/Toolbar.stories.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { Toolbar } from "../Toolbar";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import { initFSBL } from "../../common/helpers";
+import { getApplicationsArgs } from "../fixtures/apps";
+import { createStore } from "../../../store";
+export default {
+    title: "Views/Toolbar",
+    component: Toolbar,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, { store: createStore() },
+        React.createElement(Toolbar, Object.assign({}, args))));
+};
+export const EmptyApplications = (() => {
+    const Component = Template.bind({});
+    Component.args = getApplicationsArgs("empty");
+    return Component;
+})();
+export const DefaultApplications = (() => {
+    const Component = Template.bind({});
+    Component.args = getApplicationsArgs("default");
+    return Component;
+})();
+export const Long = (() => {
+    const Component = Template.bind({});
+    Component.args = getApplicationsArgs("long");
+    return Component;
+})();
+export const ApplicationsWithTemporary = (() => {
+    const Component = Template.bind({});
+    Component.args = getApplicationsArgs("temporary");
+    return Component;
+})();
+//# sourceMappingURL=Toolbar.stories.js.map

package/react/components/sdd/stories/Toolbar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/Toolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAe;IACd,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,OAAO;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAwB,CAAC,IAAkB,EAAE,EAAE;IAC5D,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;QACtC,oBAAC,OAAO,oBAAK,IAAI,EAAI,CACF,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE;IACtC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEpC,SAAS,CAAC,IAAI,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE9C,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC;AAEL,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE;IACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEpC,SAAS,CAAC,IAAI,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAEhD,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC;AAEL,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE;IACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEpC,SAAS,CAAC,IAAI,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAE7C,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC;AAEL,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,GAAG,EAAE;IAC9C,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEpC,SAAS,CAAC,IAAI,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAElD,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC","sourcesContent":["import React from \"react\";\nimport { Toolbar, ToolbarProps } from \"../Toolbar\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { getApplicationsArgs } from \"../fixtures/apps\";\nimport { createStore } from \"../../../store\";\n\nexport default {\n\ttitle: \"Views/Toolbar\",\n\tcomponent: Toolbar,\n};\n\nconst Template: Story<ToolbarProps> = (args: ToolbarProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider store={createStore()}>\n\t\t\t<Toolbar {...args} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const EmptyApplications = (() => {\n\tconst Component = Template.bind({});\n\n\tComponent.args = getApplicationsArgs(\"empty\");\n\n\treturn Component;\n})();\n\nexport const DefaultApplications = (() => {\n\tconst Component = Template.bind({});\n\n\tComponent.args = getApplicationsArgs(\"default\");\n\n\treturn Component;\n})();\n\nexport const Long = (() => {\n\tconst Component = Template.bind({});\n\n\tComponent.args = getApplicationsArgs(\"long\");\n\n\treturn Component;\n})();\n\nexport const ApplicationsWithTemporary = (() => {\n\tconst Component = Template.bind({});\n\n\tComponent.args = getApplicationsArgs(\"temporary\");\n\n\treturn Component;\n})();\n"]}

package/react/components/sdd/tests/AddApp.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/react/components/sdd/tests/AddApp.spec.js

@@ -0,0 +1,133 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { afterEach, describe, it } from "mocha";
+import { expect } from "chai";
+import { Page } from "../stories/AddApp.stories";
+import { accessibilityAssessor } from "./a11y_helper";
+import { waitTick } from "../sdd_helpers";
+// For testing user interactions (like click events):
+import sinon from "sinon";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
+import addons, { mockChannel } from "@storybook/addons";
+addons.setChannel(mockChannel());
+const QUICK_ADD_APP_URL = ".quick-add-app [id^='app-url']", QUICK_ADD_APP_BUTTON = ".save-button-container button", SECTION_TOGGLE_BUTTON = ".finsembleToggle [role='radio']", FILE_INPUT_BUTTON = ".file-input-container [type='file']", WEB_APP_NAME = "[id^='url-app-name']", NATIVE_APP_NAME = "[id^='path-app-name']", CITRIX_ALIAS = "[id^='app-citrix']", CITRIX_DISPLAY_NAME = "[id^='citrix-display-name']";
+describe("<AddApp/>", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
+    it("should add a web app", async () => {
+        const functionSpy = sinon.spy(Page.args, "addAppByUrl");
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        // in the URL input, add "http://www.facebook.com"
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
+            target: {
+                value: "http://www.facebook.com",
+            },
+        });
+        // click the Add button
+        wrapper.find(QUICK_ADD_APP_BUTTON).simulate("click");
+        // wait tick
+        await waitTick();
+        wrapper.update();
+        expect(functionSpy.calledOnce).to.be.true;
+        expect(functionSpy.args[0]).to.deep.equal(["http://www.facebook.com", "Facebook"]);
+    });
+    it("if you add a URL, the App name should pre-fill with a generated name", async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        // in the URL input, add "http://www.facebook.com"
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
+            target: {
+                value: "http://www.google.com",
+            },
+        });
+        expect(wrapper.find(WEB_APP_NAME).prop("value"), "Pre-filled generated name").to.equal("Google");
+        expect(wrapper.find(QUICK_ADD_APP_BUTTON).prop("disabled"), "Save button should be enabled").to.be.false;
+    });
+    it("if you add a URL without an auto-name, the App name should be empty", async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        // in the URL input, add "http://www.facebook.com"
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
+            target: {
+                value: "http://www.cnn.com",
+            },
+        });
+        expect(wrapper.find(WEB_APP_NAME).prop("value"), "Pre-filled generated name").to.equal("");
+        expect(wrapper.find(QUICK_ADD_APP_BUTTON).prop("disabled"), "Save button should be disabled").to.be.true;
+    });
+    it("if you add a name, and then a URL, the autoname shouldn't stomp on the user-input name", async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        wrapper.find(WEB_APP_NAME).simulate("change", {
+            target: {
+                value: "Search",
+            },
+        });
+        // in the URL input, add "http://www.facebook.com"
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
+            target: {
+                value: "http://www.google.com",
+            },
+        });
+        expect(wrapper.find(WEB_APP_NAME).prop("value"), "Unchanged name").to.equal("Search");
+    });
+    it('Toggling "Path" should display the Path\'s section', async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        // Go to "Path" toggle
+        wrapper.find(SECTION_TOGGLE_BUTTON).at(1).simulate("click");
+        // Confirm that the file input button and native app name fields are present
+        expect(wrapper.find(FILE_INPUT_BUTTON).exists(), "File input button is present").to.be.true;
+        expect(wrapper.find(NATIVE_APP_NAME).exists(), "App name field for path is present").to.be.true;
+    });
+    it('Toggling "Web" should display the Web\'s section', async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        wrapper.find(SECTION_TOGGLE_BUTTON).at(0).simulate("click");
+        // Confirm that the file input button and native app name fields are present
+        expect(wrapper.find(QUICK_ADD_APP_URL).exists(), "URL field is present").to.be.true;
+        expect(wrapper.find(WEB_APP_NAME).exists(), "App name field for web is present").to.be.true;
+    });
+    it('Toggling "Citrix" should display the Citrix\'s section', async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        // Go to "Path" toggle
+        wrapper.find(SECTION_TOGGLE_BUTTON).at(2).simulate("click");
+        // Confirm that the file input button and native app name fields are present
+        expect(wrapper.find(CITRIX_ALIAS).exists(), "Citrix alias field is present").to.be.true;
+        expect(wrapper.find(CITRIX_DISPLAY_NAME).exists(), "Citrix display name field is present").to.be.true;
+    });
+    it("App names should not be shared between sections", async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        // By default, start in web section
+        // Change web app name
+        wrapper.find(WEB_APP_NAME).simulate("change", {
+            target: {
+                value: "New name",
+            },
+        });
+        // Go to path section
+        wrapper.find(SECTION_TOGGLE_BUTTON).at(1).simulate("click");
+        // Confirm that path's app name is still empty
+        expect(wrapper.find(NATIVE_APP_NAME).prop("value")).to.be.empty;
+    });
+    it("Save button enabled state should be specific to visible section", async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        // Fill in web URL (which auto-fills app name)
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
+            target: {
+                value: "http://www.facebook.com",
+            },
+        });
+        // Save should be enabled.
+        expect(wrapper.find(QUICK_ADD_APP_BUTTON).prop("disabled")).to.be.false;
+        // Go to path section
+        wrapper.find(SECTION_TOGGLE_BUTTON).at(1).simulate("click");
+        // Save should be disabled.
+        expect(wrapper.find(QUICK_ADD_APP_BUTTON).prop("disabled")).to.be.true;
+        // Return to Web.
+        wrapper.find(SECTION_TOGGLE_BUTTON).at(0).simulate("click");
+        // Save should be enabled.
+        expect(wrapper.find(QUICK_ADD_APP_BUTTON).prop("disabled")).to.be.false;
+    });
+});
+//# sourceMappingURL=AddApp.spec.js.map

package/react/components/sdd/tests/AddApp.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddApp.spec.js","sourceRoot":"","sources":["../../../../src/components/sdd/tests/AddApp.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,qDAAqD;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,2GAA2G;AAC3G,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,MAAM,iBAAiB,GAAG,gCAAgC,EACzD,oBAAoB,GAAG,+BAA+B,EACtD,qBAAqB,GAAG,iCAAiC,EACzD,iBAAiB,GAAG,qCAAqC,EACzD,YAAY,GAAG,sBAAsB,EACrC,eAAe,GAAG,uBAAuB,EACzC,YAAY,GAAG,oBAAoB,EACnC,mBAAmB,GAAG,6BAA6B,CAAC;AACrD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAmB,EAAE,aAAa,CAAC,CAAC;QACvE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,kDAAkD;QAClD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAClD,MAAM,EAAE;gBACP,KAAK,EAAE,yBAAyB;aAChC;SACD,CAAC,CAAC;QAEH,uBAAuB;QACvB,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAErD,YAAY;QACZ,MAAM,QAAQ,EAAE,CAAC;QACjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC1C,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAAC,CAAC;IACpF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACrF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,kDAAkD;QAClD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAClD,MAAM,EAAE;gBACP,KAAK,EAAE,uBAAuB;aAC9B;SACD,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,2BAA2B,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACjG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,+BAA+B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC1G,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,kDAAkD;QAClD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAClD,MAAM,EAAE;gBACP,KAAK,EAAE,oBAAoB;aAC3B;SACD,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,2BAA2B,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC3F,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,gCAAgC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC1G,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wFAAwF,EAAE,KAAK,IAAI,EAAE;QACvG,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC7C,MAAM,EAAE;gBACP,KAAK,EAAE,QAAQ;aACf;SACD,CAAC,CAAC;QAEH,kDAAkD;QAClD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAClD,MAAM,EAAE;gBACP,KAAK,EAAE,uBAAuB;aAC9B;SACD,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACvF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE5D,4EAA4E;QAC5E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,EAAE,EAAE,8BAA8B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC5F,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE,oCAAoC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACjG,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC5D,4EAA4E;QAC5E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,EAAE,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QACpF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,EAAE,EAAE,mCAAmC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC7F,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE5D,4EAA4E;QAC5E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,EAAE,EAAE,+BAA+B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QACxF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,EAAE,sCAAsC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACvG,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,mCAAmC;QAEnC,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC7C,MAAM,EAAE;gBACP,KAAK,EAAE,UAAU;aACjB;SACD,CAAC,CAAC;QAEH,qBAAqB;QACrB,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE5D,8CAA8C;QAC9C,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACjE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAoB,EAAI,CAAC,CAAC;QAEhE,8CAA8C;QAC9C,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAClD,MAAM,EAAE;gBACP,KAAK,EAAE,yBAAyB;aAChC;SACD,CAAC,CAAC;QAEH,0BAA0B;QAC1B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAExE,qBAAqB;QACrB,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE5D,2BAA2B;QAC3B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAEvE,iBAAiB;QACjB,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE5D,0BAA0B;QAC1B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACzE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { afterEach, describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { Page } from \"../stories/AddApp.stories\";\nimport { AddAppProps } from \"../AddApp\";\nimport { accessibilityAssessor } from \"./a11y_helper\";\nimport { waitTick } from \"../sdd_helpers\";\n\n// For testing user interactions (like click events):\nimport sinon from \"sinon\";\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\naddons.setChannel(mockChannel());\n\nconst QUICK_ADD_APP_URL = \".quick-add-app [id^='app-url']\",\n\tQUICK_ADD_APP_BUTTON = \".save-button-container button\",\n\tSECTION_TOGGLE_BUTTON = \".finsembleToggle [role='radio']\",\n\tFILE_INPUT_BUTTON = \".file-input-container [type='file']\",\n\tWEB_APP_NAME = \"[id^='url-app-name']\",\n\tNATIVE_APP_NAME = \"[id^='path-app-name']\",\n\tCITRIX_ALIAS = \"[id^='app-citrix']\",\n\tCITRIX_DISPLAY_NAME = \"[id^='citrix-display-name']\";\ndescribe(\"<AddApp/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n\n\tit(\"should add a web app\", async () => {\n\t\tconst functionSpy = sinon.spy(Page.args as AddAppProps, \"addAppByUrl\");\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\t// in the URL input, add \"http://www.facebook.com\"\n\t\twrapper.find(QUICK_ADD_APP_URL).simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"http://www.facebook.com\",\n\t\t\t},\n\t\t});\n\n\t\t// click the Add button\n\t\twrapper.find(QUICK_ADD_APP_BUTTON).simulate(\"click\");\n\n\t\t// wait tick\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\texpect(functionSpy.calledOnce).to.be.true;\n\t\texpect(functionSpy.args[0]).to.deep.equal([\"http://www.facebook.com\", \"Facebook\"]);\n\t});\n\n\tit(\"if you add a URL, the App name should pre-fill with a generated name\", async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\t// in the URL input, add \"http://www.facebook.com\"\n\t\twrapper.find(QUICK_ADD_APP_URL).simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"http://www.google.com\",\n\t\t\t},\n\t\t});\n\n\t\texpect(wrapper.find(WEB_APP_NAME).prop(\"value\"), \"Pre-filled generated name\").to.equal(\"Google\");\n\t\texpect(wrapper.find(QUICK_ADD_APP_BUTTON).prop(\"disabled\"), \"Save button should be enabled\").to.be.false;\n\t});\n\n\tit(\"if you add a URL without an auto-name, the App name should be empty\", async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\t// in the URL input, add \"http://www.facebook.com\"\n\t\twrapper.find(QUICK_ADD_APP_URL).simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"http://www.cnn.com\",\n\t\t\t},\n\t\t});\n\n\t\texpect(wrapper.find(WEB_APP_NAME).prop(\"value\"), \"Pre-filled generated name\").to.equal(\"\");\n\t\texpect(wrapper.find(QUICK_ADD_APP_BUTTON).prop(\"disabled\"), \"Save button should be disabled\").to.be.true;\n\t});\n\n\tit(\"if you add a name, and then a URL, the autoname shouldn't stomp on the user-input name\", async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\twrapper.find(WEB_APP_NAME).simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"Search\",\n\t\t\t},\n\t\t});\n\n\t\t// in the URL input, add \"http://www.facebook.com\"\n\t\twrapper.find(QUICK_ADD_APP_URL).simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"http://www.google.com\",\n\t\t\t},\n\t\t});\n\n\t\texpect(wrapper.find(WEB_APP_NAME).prop(\"value\"), \"Unchanged name\").to.equal(\"Search\");\n\t});\n\n\tit('Toggling \"Path\" should display the Path\\'s section', async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\t// Go to \"Path\" toggle\n\t\twrapper.find(SECTION_TOGGLE_BUTTON).at(1).simulate(\"click\");\n\n\t\t// Confirm that the file input button and native app name fields are present\n\t\texpect(wrapper.find(FILE_INPUT_BUTTON).exists(), \"File input button is present\").to.be.true;\n\t\texpect(wrapper.find(NATIVE_APP_NAME).exists(), \"App name field for path is present\").to.be.true;\n\t});\n\tit('Toggling \"Web\" should display the Web\\'s section', async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\twrapper.find(SECTION_TOGGLE_BUTTON).at(0).simulate(\"click\");\n\t\t// Confirm that the file input button and native app name fields are present\n\t\texpect(wrapper.find(QUICK_ADD_APP_URL).exists(), \"URL field is present\").to.be.true;\n\t\texpect(wrapper.find(WEB_APP_NAME).exists(), \"App name field for web is present\").to.be.true;\n\t});\n\tit('Toggling \"Citrix\" should display the Citrix\\'s section', async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\t// Go to \"Path\" toggle\n\t\twrapper.find(SECTION_TOGGLE_BUTTON).at(2).simulate(\"click\");\n\n\t\t// Confirm that the file input button and native app name fields are present\n\t\texpect(wrapper.find(CITRIX_ALIAS).exists(), \"Citrix alias field is present\").to.be.true;\n\t\texpect(wrapper.find(CITRIX_DISPLAY_NAME).exists(), \"Citrix display name field is present\").to.be.true;\n\t});\n\tit(\"App names should not be shared between sections\", async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\t// By default, start in web section\n\n\t\t// Change web app name\n\t\twrapper.find(WEB_APP_NAME).simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"New name\",\n\t\t\t},\n\t\t});\n\n\t\t// Go to path section\n\t\twrapper.find(SECTION_TOGGLE_BUTTON).at(1).simulate(\"click\");\n\n\t\t// Confirm that path's app name is still empty\n\t\texpect(wrapper.find(NATIVE_APP_NAME).prop(\"value\")).to.be.empty;\n\t});\n\tit(\"Save button enabled state should be specific to visible section\", async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as AddAppProps)} />);\n\n\t\t// Fill in web URL (which auto-fills app name)\n\t\twrapper.find(QUICK_ADD_APP_URL).simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"http://www.facebook.com\",\n\t\t\t},\n\t\t});\n\n\t\t// Save should be enabled.\n\t\texpect(wrapper.find(QUICK_ADD_APP_BUTTON).prop(\"disabled\")).to.be.false;\n\n\t\t// Go to path section\n\t\twrapper.find(SECTION_TOGGLE_BUTTON).at(1).simulate(\"click\");\n\n\t\t// Save should be disabled.\n\t\texpect(wrapper.find(QUICK_ADD_APP_BUTTON).prop(\"disabled\")).to.be.true;\n\n\t\t// Return to Web.\n\t\twrapper.find(SECTION_TOGGLE_BUTTON).at(0).simulate(\"click\");\n\n\t\t// Save should be enabled.\n\t\texpect(wrapper.find(QUICK_ADD_APP_BUTTON).prop(\"disabled\")).to.be.false;\n\t});\n});\n"]}

package/react/components/sdd/tests/AppEditPage.spec.d.ts

@@ -0,0 +1 @@
+export {};