@finsemble/finsemble-ui 6.6.3 → 7.0.0-beta-X

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":"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","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.js

@@ -3,11 +3,13 @@ import { mount } from "enzyme";
 import { afterEach, describe, it } from "mocha";
 import { expect } from "chai";
 import sinon from "sinon";
-import { Page, EmptyPage, NativePage, PageWithIconURL } from "../stories/AppEditPage.stories";
+import { Page, EmptyPage, NativePage, PageWithIconURL, AssimilationPage, CitrixPage, } from "../stories/AppEditPage.stories";
+import { accessibilityAssessor } from "./a11y_helper";
 const defaults = {
     name: "Test",
     abstractPosition: 0,
     addToWorkspace: true,
+    alias: "",
     allowAutoArrange: true,
     allowGrouping: true,
     allowMaximize: true,
@@ -19,7 +21,9 @@ const defaults = {
     appArguments: "",
     appType: "web",
     autoConnect: false,
+    bootPhase: "preuser",
     description: "",
+    devConsole: false,
     enableAOT: false,
     enableTitleBar: true,
     height: 600,
@@ -39,9 +43,12 @@ const defaults = {
     resizable: true,
     rules: [],
     security: "trusted",
+    serviceVisible: false,
     singleton: false,
     spawnOnStartup: false,
+    titlebarType: "injected",
     url: "http://www.google.com",
+    waitForInitialization: true,
     width: 1280,
 };
 const testPresetInputValue = (appDataKey, selector, starter = Page, presetValue = "Test") => {
@@ -127,6 +134,7 @@ const saveRadioButton = (name, buttonNumberChecked, savedValues, starter = Page)
     saveButton.simulate("click");
     const savedValue = buttonSpy.args[0][0];
     for (let key in savedValues) {
+        // @ts-ignore
         expect(savedValue[key]).to.equal(savedValues[key]);
     }
 };
@@ -134,6 +142,7 @@ describe("<AppEditPage/>", () => {
     afterEach(() => {
         sinon.restore();
     });
+    // Not using accessibility scans on this page, since the parent component <Applications /> is running them
     it("should call the passed-in cancel function when the cancel button is clicked", () => {
         const buttonSpy = sinon.spy(Page.args, "cancelFn");
         const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
@@ -156,27 +165,87 @@ describe("<AppEditPage/>", () => {
         expect(buttonSpy.calledOnce).to.be.true;
         expect(buttonSpy.firstCall.args[0]).to.deep.equal(defaults);
     });
-    describe("Web versus native apps", () => {
-        it("If App type = web, show web-only apps and don't show native-only apps", () => {
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    }).timeout(10e3);
+    describe("Show/hide sections for types of apps", () => {
+        it("Web app type", () => {
             const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
             expect(wrapper.contains("App URL")).to.be.true;
             expect(wrapper.contains("File path")).to.be.false;
             expect(wrapper.contains("Arguments")).to.be.false;
             expect(wrapper.contains("API access")).to.be.false;
+            expect(wrapper.contains("Virtual app name")).to.be.false;
             expect(wrapper.contains("Launch timeout")).to.be.false;
+            expect(wrapper.contains("Persist across workspaces")).to.be.true;
+            expect(wrapper.find("#accordion-control-select-connect").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-preloads").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-window").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-window-behavior").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-interop").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-component").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-workspace").exists()).to.be.true;
             expect(wrapper.find("#persist-url").exists()).to.be.true;
             expect(wrapper.find("#persist-path").exists()).to.be.false;
         });
-        it("If App type = native, show native-only apps and don't show web-only apps", () => {
+        it("Native app type", () => {
             const wrapper = mount(React.createElement(NativePage, Object.assign({}, NativePage.args)));
             expect(wrapper.contains("App URL")).to.be.false;
             expect(wrapper.contains("File path")).to.be.true;
             expect(wrapper.contains("Arguments")).to.be.true;
             expect(wrapper.contains("API access")).to.be.true;
+            expect(wrapper.contains("Virtual app name")).to.be.false;
             expect(wrapper.contains("Launch timeout")).to.be.true;
+            expect(wrapper.contains("Persist across workspaces")).to.be.true;
+            expect(wrapper.find("#accordion-control-select-connect").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-preloads").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-window").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-window-behavior").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-interop").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-component").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-workspace").exists()).to.be.true;
+            expect(wrapper.find("#persist-url").exists()).to.be.false;
+            expect(wrapper.find("#persist-path").exists()).to.be.true;
+        });
+        it("Assimilation app type", () => {
+            const wrapper = mount(React.createElement(AssimilationPage, Object.assign({}, AssimilationPage.args)));
+            expect(wrapper.contains("App URL")).to.be.false;
+            expect(wrapper.contains("File path")).to.be.true;
+            expect(wrapper.contains("Arguments")).to.be.true;
+            expect(wrapper.contains("API access")).to.be.true;
+            expect(wrapper.contains("Virtual app name")).to.be.false;
+            expect(wrapper.contains("Launch timeout")).to.be.false;
+            expect(wrapper.contains("Persist across workspaces")).to.be.true;
+            expect(wrapper.find("#accordion-control-select-connect").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-preloads").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-window").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-window-behavior").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-interop").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-component").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-workspace").exists()).to.be.true;
             expect(wrapper.find("#persist-url").exists()).to.be.false;
             expect(wrapper.find("#persist-path").exists()).to.be.true;
         });
+        it("Citrix app type", () => {
+            const wrapper = mount(React.createElement(CitrixPage, Object.assign({}, CitrixPage.args)));
+            expect(wrapper.contains("App URL")).to.be.false;
+            expect(wrapper.contains("File path")).to.be.false;
+            expect(wrapper.contains("Arguments")).to.be.true;
+            expect(wrapper.contains("API access")).to.be.false;
+            expect(wrapper.contains("Virtual app name")).to.be.true;
+            expect(wrapper.contains("Launch timeout")).to.be.false;
+            expect(wrapper.contains("Persist across workspaces")).to.be.false;
+            expect(wrapper.find("#accordion-control-select-connect").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-preloads").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-window").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-window-behavior").exists()).to.be.false;
+            expect(wrapper.find("#accordion-control-interop").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-component").exists()).to.be.true;
+            expect(wrapper.find("#accordion-control-workspace").exists()).to.be.false;
+            expect(wrapper.find("#persist-url").exists()).to.be.false;
+            expect(wrapper.find("#persist-path").exists()).to.be.false;
+        });
     });
     describe("Name", () => {
         afterEach(() => {
@@ -295,26 +364,34 @@ describe("<AppEditPage/>", () => {
         const assimilationParams = {
             appType: "assimilation",
         };
-        it.skip("should display correctly when preset: With API Access", () => {
-            presetRadioButtons(name, nativeParams, [true, false]);
-        });
-        it.skip("should display correctly when preset: Without API Access", () => {
-            presetRadioButtons(name, assimilationParams, [false, true]);
-        });
         it("should save correctly when edited: With API Access", () => {
-            saveRadioButton(name, 0, nativeParams, NativePage);
+            const buttonSpy = sinon.spy(AssimilationPage.args, "submitFn");
+            const wrapper = mount(React.createElement(Page, Object.assign({}, AssimilationPage.args)));
+            wrapper.find(`input[type='checkbox'][name='${name}']`).simulate("change");
+            const collection = wrapper.find("button");
+            const saveButton = collection.at(collection.length - 1);
+            saveButton.simulate("click");
+            const savedValue = buttonSpy.args[0][0];
+            for (let key in assimilationParams) {
+                // @ts-ignore
+                expect(savedValue[key]).to.equal(nativeParams[key]);
+            }
         });
         it("should save correctly when edited: Without API Access", () => {
-            saveRadioButton(name, 1, assimilationParams, NativePage);
-        });
-        it("confirm that the radio buttons stay independent", () => {
-            checkUniqueRadioButtons(name, 2, NativePage);
-        });
-        it("should submit on enter: Yes", () => {
-            testSubmitOnEnter("#api-access-yes", NativePage);
+            const buttonSpy = sinon.spy(NativePage.args, "submitFn");
+            const wrapper = mount(React.createElement(Page, Object.assign({}, NativePage.args)));
+            wrapper.find(`input[type='checkbox'][name='${name}']`).simulate("change");
+            const collection = wrapper.find("button");
+            const saveButton = collection.at(collection.length - 1);
+            saveButton.simulate("click");
+            const savedValue = buttonSpy.args[0][0];
+            for (let key in assimilationParams) {
+                // @ts-ignore
+                expect(savedValue[key]).to.equal(assimilationParams[key]);
+            }
         });
-        it("should submit on enter: No", () => {
-            testSubmitOnEnter("#api-access-no", NativePage);
+        it("should submit on enter", () => {
+            testSubmitOnEnter("[name='api-access']", NativePage);
         });
     });
     describe("App URL", () => {
@@ -367,6 +444,11 @@ describe("<AppEditPage/>", () => {
         });
     });
     describe.skip("File path", () => {
+        // Couldn't get tests for manipulating input[type=file] to work right
+        // should save correctly when edited
+        // should display pre-set values
+        // is required (enables/disables Save button when invalid)
+        // shows invalid state
     });
     describe("Arguments", () => {
         const appDataKey = "appArguments";
@@ -406,6 +488,7 @@ describe("<AppEditPage/>", () => {
         });
     });
     describe("Select Connect", () => {
+        // @todo write test: should save correctly when edited (radio buttons and box) - issue with how <AppEditAccess /> is set up, so it always appears empty in tests
         it("should display preset value (undefined rules)", () => {
             var _a;
             const args = Object.assign(Object.assign({}, Page.args), { appData: Object.assign(Object.assign({}, (_a = Page.args) === null || _a === void 0 ? void 0 : _a.appData), { rules: undefined }) });
@@ -436,6 +519,7 @@ describe("<AppEditPage/>", () => {
             const wrapper = mount(React.createElement(Page, Object.assign({}, args)));
             expect(wrapper.find("input[name='interop-trust'][value='false']").prop("checked"), "Radio button 'trust selected apps' is checked").to.be.true;
             expect(wrapper.find(".app-edit-access").exists(), "Display SelectConnect listbox").to.be.true;
+            // AppEditAccess is tested independently (and can't be tested on this level because it comes up as empty because it doesn't have a list of apps)
         });
         it("should display preset value (rules with empty authorize)", () => {
             var _a;
@@ -443,6 +527,7 @@ describe("<AppEditPage/>", () => {
             const wrapper = mount(React.createElement(Page, Object.assign({}, args)));
             expect(wrapper.find("input[name='interop-trust'][value='false']").prop("checked"), "Radio button 'trust selected apps' is checked").to.be.true;
             expect(wrapper.find(".app-edit-access").exists(), "Display SelectConnect listbox").to.be.true;
+            // AppEditAccess is tested independently
         });
         it.skip("confirm that the radio buttons stay independent", () => {
             checkUniqueRadioButtons("interop-trust", 2);
@@ -757,8 +842,8 @@ describe("<AppEditPage/>", () => {
             flipCheckbox(appDataKey, label, false);
         });
     });
-    describe("Show title bar", () => {
-        const label = "Show title bar";
+    describe("Enable title bar", () => {
+        const label = "Enable title bar";
         const appDataKey = "enableTitleBar";
         it("should display pre-set value: checked", () => {
             presetCheckbox(appDataKey, label, true, true);
@@ -1132,7 +1217,7 @@ describe("<AppEditPage/>", () => {
         });
     });
     describe("Persist the location", () => {
-        const label = "Persist the location";
+        const label = "Persist the URL";
         const appDataKey = "persistURL";
         it("should display pre-set value: checked", () => {
             presetCheckbox(appDataKey, label, true, true);