@finsemble/finsemble-ui 6.1.4 → 6.3.0-beta.20211008

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

@@ -7,22 +7,22 @@ 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 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";
+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";
 describe("<Applications/>", () => {
     it("should pass accessibility scans", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
         expect(await accessibilityAssessor(wrapper)).to.be.true;
     });
     it("should pass accessibility scans (empty)", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         expect(await accessibilityAssessor(wrapper)).to.be.true;
     });
     it("should contain add button app list when not empty", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
         expect(wrapper.find(".view-content button").first().text()).to.contain("Add");
@@ -30,7 +30,7 @@ describe("<Applications/>", () => {
         expect(wrapper.find(APP_LIST_EMPTY_MESSAGE).length).to.equal(0);
     });
     it("should contain add button and empty message when empty", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         expect(wrapper.find(".view-content button").first().text()).to.contain("Add");
@@ -38,12 +38,12 @@ describe("<Applications/>", () => {
         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, { ...getApplicationsArgs("default") }));
+        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();
-        const appName = app.text();
+        const appName = app.find(".app-name").text();
         const newName = `${appName} modified`;
         app.simulate("click");
         const input = wrapper.find("input#app-name");
@@ -52,10 +52,10 @@ describe("<Applications/>", () => {
         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.text() === newName)).to.be.true;
+        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, { ...getApplicationsArgs("empty") }));
+        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);
@@ -79,8 +79,67 @@ describe("<Applications/>", () => {
         wrapper.update();
         expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(1);
     });
+    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");
+        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);
+        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, { ...getApplicationsArgs("temporary") }));
+        const wrapper = mount(React.createElement(ApplicationsWithTemporary, Object.assign({}, getApplicationsArgs("temporary"))));
         await waitTick();
         wrapper.update();
         expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.equal(1);
@@ -92,7 +151,7 @@ const preventable = {
 };
 describe("<Applications />, Menu section", () => {
     it("should display empty state with 0 menus", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         wrapper.find("[role='tab']").at(1).simulate("click");
@@ -101,7 +160,7 @@ describe("<Applications />, Menu section", () => {
         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 () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         wrapper.find("[role='tab']").at(1).simulate("click");
         await waitTick();
         wrapper.update();
@@ -110,21 +169,23 @@ describe("<Applications />, Menu section", () => {
         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, { ...getApplicationsArgs("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, { ...getApplicationsArgs("long") }));
+        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", () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+    it("MenuEdit: should disable submit button when Name field is 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(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
         wrapper
@@ -140,8 +201,10 @@ describe("<Applications />, Menu section", () => {
     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", () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+    it("MenuEdit: when Name input receives 49 characters, it should display 49", 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
@@ -154,8 +217,10 @@ describe("<Applications />, Menu section", () => {
         });
         expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_49);
     });
-    it("MenuEdit: when Name input receives 50 characters, it should display 50", () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+    it("MenuEdit: when Name input receives 50 characters, it should display 50", 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
@@ -168,8 +233,10 @@ describe("<Applications />, Menu section", () => {
         });
         expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_50);
     });
-    it("MenuEdit: when Name input receives 51 characters, it should only display 50", () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+    it("MenuEdit: when Name input receives 51 characters, it should only display 50", 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
@@ -182,16 +249,20 @@ describe("<Applications />, Menu section", () => {
         });
         expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_50);
     });
-    it("MenuEdit: back button should take users back to Applications page, Menu tab", () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+    it("MenuEdit: back button should take users back to Applications page, Menu tab", 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", () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+    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");
@@ -199,7 +270,9 @@ describe("<Applications />, Menu section", () => {
         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, { ...getApplicationsArgs("default") }));
+        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");
@@ -218,7 +291,9 @@ describe("<Applications />, Menu section", () => {
         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, { ...getApplicationsArgs("default") }));
+        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
@@ -235,7 +310,9 @@ describe("<Applications />, Menu section", () => {
         expect(wrapper.find(".visible [role='listitem']").at(0).text()).contains("Hello World");
     });
     it("selected applications changes to a menu should persist", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+        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");
@@ -246,7 +323,7 @@ describe("<Applications />, Menu section", () => {
         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, { ...getApplicationsArgs("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");
         await waitTick();
@@ -271,7 +348,7 @@ describe("<Applications />, Menu section", () => {
 });
 describe("<Applications/>, Navigation", () => {
     it("should navigate as expected", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
@@ -311,7 +388,7 @@ describe("<Applications/>, Navigation", () => {
         wrapper.unmount();
     });
     it("clicking Cancel on the Application form (Manual) should return to the Applications List", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
@@ -326,7 +403,7 @@ describe("<Applications/>, Navigation", () => {
         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, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
@@ -352,7 +429,7 @@ describe("<Applications/>, Navigation", () => {
         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, { ...getApplicationsArgs("empty") }));
+        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);
@@ -386,7 +463,7 @@ describe("<Applications/>, Navigation", () => {
         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, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
@@ -416,7 +493,7 @@ describe("<Applications/>, Navigation", () => {
         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, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
@@ -451,7 +528,7 @@ describe("<Applications/>, Navigation", () => {
         wrapper.unmount();
     });
     it("should be able to back out of the application form (Advanced)", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
@@ -476,7 +553,7 @@ describe("<Applications/>, Navigation", () => {
         wrapper.unmount();
     });
     it("clicking Add Another Application should return to Add Applications form", async () => {
-        const wrapper = mount(React.createElement(EmptyApplications, { ...getApplicationsArgs("empty") }));
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getApplicationsArgs("empty"))));
         await waitTick();
         wrapper.update();
         wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
@@ -513,7 +590,7 @@ describe("<Applications/>, Navigation", () => {
         expect(wrapper.find(PAGE_HEADER).text()).contains("Apps");
     }).timeout(5000);
     it("form should auto-populate from wizard (Web)", async () => {
-        const wrapper = mount(React.createElement(DefaultApplications, { ...getApplicationsArgs("default") }));
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getApplicationsArgs("default"))));
         await waitTick();
         wrapper.update();
         wrapper.find(ADD_NEW_APP_BUTTON).at(0).simulate("click");
@@ -537,7 +614,7 @@ describe("<Applications/>, Navigation", () => {
         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, { ...DefaultSDD.args }));
+        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");
@@ -569,7 +646,7 @@ describe("<Applications/>, Navigation", () => {
         expect(wrapper.find(APP_LIST_TABLE_ROW).length).to.be.equal(0);
     });
     it("should save app on final screen when user exits via external navigation", async () => {
-        const wrapper = mount(React.createElement(DefaultSDD, { ...DefaultSDD.args }));
+        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");