@finsemble/finsemble-ui 6.3.0 → 6.4.0-beta.2

package/react/components/smartDesktopDesigner/tests/Applications.spec.js

@@ -2,12 +2,11 @@ import * as React from "react";
 import { mount } from "enzyme";
 import { describe, it } from "mocha";
 import { expect } from "chai";
-import { DefaultApplications, EmptyApplications, ApplicationsWithTemporary, Long, } from "../stories/Applications.stories";
+import { DefaultApplications, EmptyApplications } from "../stories/Applications.stories";
 import { getApplicationsArgs } from "../fixtures/apps";
 import { waitTick } from "../sdd_helpers";
 import { accessibilityAssessor } from "./a11y_helper";
-import { DefaultSDD } from "../stories/SmartDesktopDesigner.stories";
-export const ADD_NEW_APP_BUTTON = ".visible .icon-before-add button", APP_LIST_TABLE_ROW = ".app-list-row", ACTIVE_TAB_APP_LIST_TABLE_ROW = ".visible .app-list-row", APP_LIST_EMPTY_MESSAGE = ".app-list-empty", PAGE_HEADER = ".view-title .leftSide", PAGE_HEADER_BUTTON = ".view-title .leftSide button", SETUP_WIZARD_BUTTON = ".tile-type-buttons .icon-wizard button", SETUP_MANUAL_BUTTON = ".tile-type-buttons .icon-manual button", APP_ACCESS_RULE = ".app-edit-access-item", APP_ACCESS_BLOCKED = ".app-edit-access-blocked";
+export const ADD_NEW_APP_BUTTON = ".icon-before-add button", ACTIVE_TAB_APP_LIST_TABLE_ROW = ".app-list-row", APP_LIST_EMPTY_MESSAGE = ".app-list-empty", PAGE_HEADER = ".view-title .leftSide", PAGE_HEADER_BUTTON = ".view-title .leftSide button", SETUP_WIZARD_BUTTON = ".tile-type-buttons .icon-wizard button", SETUP_MANUAL_BUTTON = ".tile-type-buttons .icon-manual button", APP_ACCESS_RULE = ".app-edit-access-item", APP_ACCESS_BLOCKED = ".app-edit-access-blocked", QUICK_ADD_APP = ".quick-add-app", QUICK_ADD_APP_URL = ".quick-add-app #app-url", QUICK_ADD_APP_BUTTON = ".save-button-container button";
 describe("<Applications/>", () => {
     it("should pass accessibility scans", async () => {
         const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
@@ -26,7 +25,7 @@ describe("<Applications/>", () => {
         await waitTick();
         wrapper.update();
         expect(wrapper.find(".view-content button").first().text()).to.contain("Add");
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.greaterThan(0);
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.greaterThan(0);
         expect(wrapper.find(APP_LIST_EMPTY_MESSAGE).length).to.equal(0);
     });
     it("should contain add button and empty message when empty", async () => {
@@ -34,651 +33,153 @@ describe("<Applications/>", () => {
         await waitTick();
         wrapper.update();
         expect(wrapper.find(".view-content button").first().text()).to.contain("Add");
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(0);
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(0);
         expect(wrapper.find(APP_LIST_EMPTY_MESSAGE).first().text()).to.contain("nothing here");
     });
     it("should be able to edit a web app", async () => {
         const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.greaterThan(0);
-        const app = wrapper.find(APP_LIST_TABLE_ROW).first();
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "App list contains items").to.be.greaterThan(0);
+        const app = wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).first();
         const appName = app.find(".app-name").text();
         const newName = `${appName} modified`;
-        app.simulate("click");
+        app.find(".icon-edit button").at(0).simulate("click");
         const input = wrapper.find("input#app-name");
         input.simulate("focus");
         input.simulate("change", { target: { value: newName } });
         wrapper.find(".app-edit-actions .button-container-secondary button").simulate("click");
         await waitTick();
         wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).someWhere((node) => node.find(".app-name").text() === newName)).to.be.true;
-    });
-    it("should be able to add a web app with wizard", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(0);
-        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".setup-type-heading").length).to.equal(1);
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        wrapper.find(".button-container-tile.icon-web button").simulate("click");
-        const input = wrapper.find("input");
-        input.simulate("focus");
-        input.simulate("change", { target: { value: "http://test.com" } });
-        wrapper.find(".app-edit-actions .button-container-secondary button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-actions button").last().simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-success-actions > :last-child button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(1);
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).someWhere((node) => node.find(".app-name").text() === newName), "App list contains newly renamed name").to.be.true;
     });
     it("should be able to grant selectConnect access between two apps", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(0);
-        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".setup-type-heading").length).to.equal(1);
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        wrapper.find(".button-container-tile.icon-web button").simulate("click");
-        let input = wrapper.find("input");
-        input.simulate("focus");
-        input.simulate("change", { target: { value: "http://test1.com" } });
-        wrapper.find(".app-edit-actions .button-container-secondary button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(APP_ACCESS_RULE).length, "No SelectConnect access rules visible").to.equal(0);
-        wrapper.find(".app-edit-actions button").last().simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-success-actions > :last-child button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(1);
-        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".setup-type-heading").length).to.equal(1);
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        wrapper.find(".button-container-tile.icon-web button").simulate("click");
-        input = wrapper.find("input");
-        input.simulate("focus");
-        input.simulate("change", { target: { value: "http://test2.com" } });
-        wrapper.find(".app-edit-actions .button-container-secondary button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(APP_ACCESS_RULE).length, "One SelectConnect access rule visible").to.equal(1);
-        wrapper.find(".app-edit-actions button").last().simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-success-actions > :last-child button").simulate("click");
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(2);
-        wrapper.find(APP_LIST_TABLE_ROW).first().simulate("click");
-        expect(wrapper.find(APP_ACCESS_RULE).length, "One SelectConnect access rule visible").to.equal(1);
-        expect(wrapper.find(APP_ACCESS_BLOCKED).length, "Inbound SelectConnect blocked").to.equal(1);
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "3 apps are listed in the table").to.be.equal(3);
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).first().find(".icon-edit button").at(0).simulate("click");
+        wrapper.find("input[name='interop-trust'][value='false']").simulate("click");
+        expect(wrapper.find(APP_ACCESS_RULE).length, "SelectConnect access rules visible initially").to.equal(2);
+        expect(wrapper.find(APP_ACCESS_BLOCKED).length, "Inbound SelectConnect blocked").to.equal(2);
         wrapper.find(".finsembleToggle input").first().simulate("change");
         expect(wrapper.find(".finsembleToggle-on").length, "should be toggled on").to.equal(1);
         wrapper.find(".app-edit-actions button").last().simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find(APP_LIST_TABLE_ROW).last().simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(APP_ACCESS_RULE).length, "One SelectConnect access rule visible").to.equal(1);
-        expect(wrapper.find(APP_ACCESS_BLOCKED).length, "Inbound SelectConnect not blocked").to.equal(0);
-    });
-    it("should not display temporary apps", async () => {
-        const wrapper = mount(React.createElement(ApplicationsWithTemporary, Object.assign({}, getApplicationsArgs("temporary"))));
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(1).find(".icon-edit button").at(0).simulate("click");
         await waitTick();
         wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.equal(1);
+        wrapper.find("input[name='interop-trust'][value='false']").simulate("click");
+        expect(wrapper.find(APP_ACCESS_RULE).length, "SelectConnect access rules visible").to.equal(2);
     });
 });
-const preventable = {
-    preventDefault: () => { },
-    stopPropagation: () => { },
-};
-describe("<Applications />, Menu section", () => {
-    it("should display empty state with 0 menus", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        expect(wrapper.find(ADD_NEW_APP_BUTTON).first().text()).to.contain("Add");
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(0);
-        expect(wrapper.find(".visible .app-list-empty").first().text()).to.contain("nothing here");
-    });
-    it("should display menu name and delete button when there are 1+ menus", async () => {
+describe("<Applications/> - Quick Add", () => {
+    it("should be able to quick add a web app", async () => {
         const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
-        wrapper.find("[role='tab']").at(1).simulate("click");
         await waitTick();
         wrapper.update();
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(1);
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).first().text()).to.contain("Examples");
-        expect(wrapper.find(".visible .app-list-row .icon-delete").exists()).to.be.true;
-    });
-    it("MenuEdit: should have an empty Name field by default", () => {
-        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
-        expect(wrapper.find("#menu-name").first().prop("value")).to.equal("");
-    });
-    it("should display disabled Add New button when there are 5 menus", async () => {
-        const wrapper = mount(React.createElement(Long, Object.assign({}, getApplicationsArgs("long"))));
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(5);
-        expect(wrapper.find(ADD_NEW_APP_BUTTON).first().prop("disabled")).to.be.true;
-    });
-    it("MenuEdit: should disable submit button when Name field is empty", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Start out with 3 items in the list").to.equal(3);
+        expect(wrapper.find(QUICK_ADD_APP).is(".collapsed"), "Quick Add doesn't display").to.be.true;
+        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
-        wrapper
-            .find("#menu-name")
-            .at(0)
-            .simulate("change", {
+        expect(wrapper.find(QUICK_ADD_APP).is(".collapsed"), "Quick Add displays").to.be.false;
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
             target: {
-                value: "",
+                value: "http://www.facebook.com",
             },
         });
-        expect(wrapper.find("button").at(1).prop("disabled")).to.be.true;
-    });
-    const characters_49 = "Hubert Blaine Wolfeschlegelsteinhausenbergerdorff";
-    const characters_50 = "Hubert Blaine Wolfeschlegelsteinhausenbergerdorff!";
-    const characters_51 = "Hubert Blaine Wolfeschlegelsteinhausenbergerdorff!?";
-    it("MenuEdit: when Name input receives 49 characters, it should display 49", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
+        wrapper.find(QUICK_ADD_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
-        wrapper
-            .find("#menu-name")
-            .at(0)
-            .simulate("change", {
-            target: {
-                value: characters_49,
-            },
-        });
-        expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_49);
+        expect(wrapper.find(QUICK_ADD_APP).is(".collapsed"), "Quick Add doesn't display").to.be.true;
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "App list shows 4 items").to.equal(4);
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).filterWhere((node) => node.text().includes("Facebook")).length, "App list includes 'Facebook'");
     });
-    it("MenuEdit: when Name input receives 50 characters, it should display 50", async () => {
+    it("if you add a URL, the App name should pre-fill with a generated name", async () => {
         const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
-        wrapper
-            .find("#menu-name")
-            .at(0)
-            .simulate("change", {
-            target: {
-                value: characters_50,
-            },
-        });
-        expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_50);
-    });
-    it("MenuEdit: when Name input receives 51 characters, it should only display 50", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
+        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
-        wrapper
-            .find("#menu-name")
-            .at(0)
-            .simulate("change", {
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
             target: {
-                value: characters_51,
+                value: "http://www.google.com",
             },
         });
-        expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_50);
+        expect(wrapper.find("#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("MenuEdit: back button should take users back to Applications page, Menu tab", async () => {
+    it("if you add a URL without an auto-name, the App name should be empty", async () => {
         const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
-        wrapper.find("button").first().simulate("click");
-        expect(wrapper.find(".visible div[data-label='Menus']").exists(), "Menus Tab is visible").to.be.true;
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Still only 1 menu in list").to.be.equal(1);
-    });
-    it("MenuEdit: click Add New, then click Cancel, then see menu list has not changed", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Only 1 menu in list").to.be.equal(1);
-        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
-        wrapper.find("button").first().simulate("click");
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Still only 1 menu in list").to.be.equal(1);
-    });
-    it("MenuEdit: should show a new menu in the list after a menu has been added", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Only 1 menu in list").to.be.equal(1);
-        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
-        wrapper
-            .find("#menu-name")
-            .at(0)
-            .simulate("change", {
-            target: {
-                value: "Charts",
-            },
-        });
-        wrapper.find("input[type='checkbox']").at(0).simulate("change");
-        wrapper.find("button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Menu list shows 2 menus").to.be.equal(2);
-    });
-    it("name change to a menu should persist", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
+        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click");
-        wrapper
-            .find("#menu-name")
-            .at(0)
-            .simulate("change", {
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
             target: {
-                value: "Hello World",
+                value: "http://www.cnn.com",
             },
         });
-        wrapper.find("button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".visible [role='listitem']").at(0).text()).contains("Hello World");
+        expect(wrapper.find("#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("selected applications changes to a menu should persist", async () => {
+    it("if you add a URL, the path field should be disabled", async () => {
         const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click");
-        wrapper.find("input[type='checkbox']").at(2).simulate("change");
-        wrapper.find("button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click");
-        expect(wrapper.find("input[type='checkbox']").at(2).prop("checked")).to.be.true;
-    });
-    it("should not persist menu name when saving multiple menus", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
-        wrapper.find("[role='tab']").at(1).simulate("click");
-        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find("#menu-name").first().prop("value")).to.be.empty;
-        wrapper
-            .find("#menu-name")
-            .at(0)
-            .simulate("change", {
-            target: {
-                value: "Test",
-            },
-        });
-        wrapper.find("button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find("#menu-name").first().prop("value")).to.be.empty;
-    });
-});
-describe("<Applications/>, Navigation", () => {
-    it("should navigate as expected", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Add an app");
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find("h2").at(0).text()).contains("Is your app web or native?");
-        wrapper.find(".icon-web button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".app-url-container").exists()).to.be.true;
-        expect(wrapper.find(".app-edit-actions button").prop("disabled")).to.be.true;
-        wrapper.find(".icon-native button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".file-input-container").exists()).to.be.true;
-        expect(wrapper.find(".app-edit-actions button").prop("disabled")).to.be.true;
-        wrapper.find(PAGE_HEADER_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Add an app");
-        wrapper.find(SETUP_MANUAL_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".view-container form").exists()).to.be.true;
-        wrapper.find(PAGE_HEADER_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Add an app");
-        wrapper.find(PAGE_HEADER_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Apps");
-        wrapper.unmount();
-    });
-    it("clicking Cancel on the Application form (Manual) should return to the Applications List", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_MANUAL_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Apps");
-    });
-    it("clicking Cancel on the Application form (Wizard) should return to the Applications List", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".icon-web button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find("#app-url").simulate("change", {
-            target: {
-                value: "http://www.cosaic.io",
-            },
-        });
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Apps");
-    });
-    it("clicking Return to List should return to the Applications List (advanced)", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        wrapper.update();
-        expect(wrapper.find("[data-label='Apps'] .app-list-row").length, "Confirm the App tab's App Table has 0 items in it").to.be.equal(0);
-        expect(wrapper.find("[data-label='Apps'] .app-list-empty").length, "Confirm the empty app list message is present").to.equal(1);
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_MANUAL_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find("#app-name").simulate("change", {
-            target: {
-                value: "Cosaic",
-            },
-        });
-        wrapper.find("#app-url").simulate("change", {
-            target: {
-                value: "http://www.cosaic.io",
-            },
-        });
-        wrapper.find(".app-edit-actions button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".app-edit-success h2").text()).contains("Your application is added");
-        wrapper.find(".app-edit-success-actions button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Apps");
-        expect(wrapper.find("[data-label='Apps'] .app-list-row").length, "Confirm a row in the App Table exists").to.be.equal(1);
-        expect(wrapper.find("[data-label='Apps'] .app-list-empty").length, "Confirm the empty app list message isn't visible").to.equal(0);
-    });
-    it("clicking Return to List should return to the Applications List (wizard)", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".icon-web button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find("#app-url").simulate("change", {
-            target: {
-                value: "http://www.cosaic.io",
-            },
-        });
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-actions button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".app-edit-success h2").text()).contains("Your application is added");
-        wrapper.find(".app-edit-success-actions button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Apps");
-    });
-    it("should be able to back out of the application form (Wizard)", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".icon-web button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find("#app-url").simulate("change", {
-            target: {
-                value: "http://www.cosaic.io",
-            },
-        });
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(PAGE_HEADER_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find("h2").at(0).text()).contains("Is your app web or native?");
-        wrapper.find(PAGE_HEADER_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Add an app");
-        wrapper.find(PAGE_HEADER_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Apps");
-        wrapper.unmount();
-    });
-    it("should be able to back out of the application form (Advanced)", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_MANUAL_BUTTON).simulate("click");
+        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find("#app-url").simulate("change", {
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
             target: {
-                value: "http://www.cosaic.io",
+                value: "http://www.cnn.com",
             },
         });
-        wrapper.find(".view-header button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(".setup-type-heading").at(0).text(), "Setup header text contains expected title").contains("Choose a method to add an app");
-        wrapper.find(".view-header button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text(), "Page header text contains expected title").contains("Apps");
-        wrapper.unmount();
+        expect(wrapper.find(".file-input-container button").prop("disabled"), "File input disabled").to.be.true;
     });
-    it("clicking Add Another Application should return to Add Applications form", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".icon-web button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find("#app-url").simulate("change", {
-            target: {
-                value: "http://www.cosaic.io",
-            },
-        });
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-actions button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-success-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find("h2").at(0).text()).contains("Is your app web or native?");
-        wrapper.find(PAGE_HEADER_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Add an app");
-        wrapper.find(PAGE_HEADER_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find(PAGE_HEADER).text()).contains("Apps");
-    }).timeout(5000);
-    it("form should auto-populate from wizard (Web)", async () => {
+    it("if you add a URL and then save it, the URL should be cleared on re-open", async () => {
         const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".icon-web button").simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find("#app-url").simulate("change", {
-            target: {
-                value: "http://www.google.com",
-            },
-        });
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        expect(wrapper.find("#app-url").prop("value"), "Url is auto-populated").to.equal("http://www.google.com");
-        expect(wrapper.find("#app-name").prop("value"), "Name is auto-populated to 'Google'").to.equal("Google");
-    });
-    it("should discard app on edit screens when user exits via external navigation", async () => {
-        const wrapper = mount(React.createElement(DefaultSDD, Object.assign({}, DefaultSDD.args)));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(`.nav-item #applications-nav-link`).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".icon-web button").simulate("click");
+        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find("#app-url").simulate("change", {
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
             target: {
-                value: "http://www.google.com",
+                value: "http://www.cnn.com",
             },
         });
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
+        wrapper.find(QUICK_ADD_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find(`.nav-item #getting-started-nav-link`).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(`.nav-item #applications-nav-link`).at(0).simulate("click");
+        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(0);
+        expect(wrapper.find(QUICK_ADD_APP_URL).prop("value")).to.be.empty;
     });
-    it("should save app on final screen when user exits via external navigation", async () => {
-        const wrapper = mount(React.createElement(DefaultSDD, Object.assign({}, DefaultSDD.args)));
-        await waitTick();
-        wrapper.update();
-        wrapper.find(`.nav-item #applications-nav-link`).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(SETUP_WIZARD_BUTTON).simulate("click");
+    it("if you add a URL and then close quick add, the URL should be cleared on re-open", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
-        wrapper.find(".icon-web button").simulate("click");
+        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find("#app-url").simulate("change", {
+        wrapper.find(QUICK_ADD_APP_URL).simulate("change", {
             target: {
-                value: "http://www.google.com",
+                value: "http://www.cnn.com",
             },
         });
-        wrapper.find(".app-edit-actions button").at(0).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(".app-edit-actions button").at(1).simulate("click");
-        await waitTick();
-        wrapper.update();
-        wrapper.find(`.nav-item #getting-started-nav-link`).at(0).simulate("click");
+        wrapper.find("button[title='Close']").simulate("click");
         await waitTick();
         wrapper.update();
-        wrapper.find(`.nav-item #applications-nav-link`).at(0).simulate("click");
+        wrapper.find(ADD_NEW_APP_BUTTON).simulate("click");
         await waitTick();
         wrapper.update();
-        expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(1);
+        expect(wrapper.find(QUICK_ADD_APP_URL).prop("value")).to.be.empty;
     });
 });
 //# sourceMappingURL=Applications.spec.js.map