test: adding integration tests for client certificates

Author: jarrodek

package.json

@@ -20,10 +20,10 @@
     "test:main": "NODE_ENV=test ELECTRON_PATH=node_modules/.bin/electron electron-mocha test/**/*.main.spec.js scripts/packages/**/*.main.spec.js",
     "test:renderer": "NODE_ENV=test ELECTRON_PATH='node_modules/.bin/electron' electron-mocha --renderer --require-main 'test/renderer-setup-paths.js' scripts/packages/**/*.renderer.spec.js",
     "test:app": "NODE_ENV=test ELECTRON_PATH=node_modules/.bin/electron mocha test/**/*.app.spec.js --timeout 10000",
-    "test-win-all": "npm run test-win-main && npm run test-win-renderer && npm run test-win-app",
+    "test:win:all": "npm run test-win-main && npm run test:win:renderer && npm run test:win:app",
     "test:win:main": "node node_modules/.bin/electron-mocha test/**/*.main.spec.js scripts/packages/**/*.main.spec.js",
-    "test-win-renderer": "node node_modules/.bin/electron-mocha --renderer scripts/packages/**/*.renderer.spec.js",
-    "test-win-app": "node node_modules/.bin/mocha test/**.app.spec.js",
+    "test:win:renderer": "node node_modules/.bin/electron-mocha --renderer scripts/packages/**/*.renderer.spec.js",
+    "test:win:app": "node node_modules/.bin/mocha test/**.app.spec.js",
     "build-l": "npx electron-builder -l",
     "build-w": "npx electron-builder -w",
     "build-m": "npx electron-builder -m",

src/arc-electron.js

@@ -879,7 +879,7 @@ class ArcElectron extends ArcAppMixin(LitElement) {
   _ccImportDialogTemplate() {
     const { ccImportOpened } = this;
     return html`
-    <anypoint-dialog ?opened="${ccImportOpened}" modal>
+    <anypoint-dialog ?opened="${ccImportOpened}" modal id="ccImportDialog">
       <h2>Import a certificate</h2>
       <anypoint-dialog-scrollable>
         <certificate-import @close="${this._closeCcImportHandler}"></certificate-import>

test/client-certificates/cc.app.spec.js

@@ -0,0 +1,98 @@
+const { assert } = require('chai');
+const fs = require('fs-extra');
+const path = require('path');
+const bootstrap = require('../test-bootstrap.js');
+
+describe('Client certificates', function() {
+  let app;
+  before(async () => {
+    app = await bootstrap.runAppDeffered(2000);
+  });
+
+  after(async () => {
+    if (app && app.isRunning()) {
+      await app.stop();
+    }
+    const basePath = path.join('test', 'playground');
+    await fs.remove(basePath);
+  });
+
+  it('has clientCertificateImport set', async () => {
+    const result = await app.client.execute(async () => {
+      const arc = document.querySelector('arc-electron');
+      return arc.clientCertificateImport;
+    });
+    assert.isTrue(result.value);
+  });
+
+  it('opens certificates panel', async () => {
+    const result = await app.client.execute(async () => {
+      const arc = document.querySelector('arc-electron');
+      arc.openClientCertificates();
+      await arc.updateComplete;
+      const panel = arc.shadowRoot.querySelector('client-certificates-panel');
+      return {
+        panel: panel.localName,
+        page: arc.page,
+      };
+    });
+    const { value } = result;
+    assert.equal(value.panel, 'client-certificates-panel', 'panel is inserted into the DOM');
+    assert.equal(value.page, 'client-certificates', 'page is set');
+  });
+
+  it('inserts <client-certificates-panel> into the DOM', async () => {
+    const result = await app.client.execute(async () => {
+      const arc = document.querySelector('arc-electron');
+      arc.page = 'client-certificates';
+      await arc.updateComplete;
+      const panel = arc.shadowRoot.querySelector('client-certificates-panel');
+      return panel.localName;
+    });
+    assert.equal(result.value, 'client-certificates-panel');
+  });
+
+  it('has CC import dialog by default', async () => {
+    const result = await app.client.execute(async () => {
+      const arc = document.querySelector('arc-electron');
+      const dialog = arc.shadowRoot.querySelector('#ccImportDialog');
+      return dialog.localName;
+    });
+    assert.equal(result.value, 'anypoint-dialog');
+  });
+
+  it('opend CC dialog on client-certificate-import event', async () => {
+    const result = await app.client.execute(async () => {
+      window.dispatchEvent(new CustomEvent('client-certificate-import'));
+      const arc = document.querySelector('arc-electron');
+      await arc.updateComplete;
+      const dialog = arc.shadowRoot.querySelector('#ccImportDialog');
+      return {
+        opened: dialog.opened,
+        ccImportOpened: arc.ccImportOpened,
+      };
+    });
+    const { value } = result;
+    assert.isTrue(value.opened, 'dialog is opened');
+    assert.isTrue(value.ccImportOpened, 'ccImportOpened is set');
+  });
+
+  it('re-sets ccImportOpened when import dialog is closed', async () => {
+    const result = await app.client.execute(async () => {
+      window.dispatchEvent(new CustomEvent('client-certificate-import'));
+      const arc = document.querySelector('arc-electron');
+      await arc.updateComplete;
+      const panel = arc.shadowRoot.querySelector('#ccImportDialog certificate-import');
+      panel.cancel();
+      await arc.updateComplete;
+      const dialog = arc.shadowRoot.querySelector('#ccImportDialog');
+      return {
+        opened: dialog.opened,
+        ccImportOpened: arc.ccImportOpened,
+      };
+    });
+    const { value } = result;
+    assert.isFalse(value.opened, 'dialog is not opened');
+    assert.isFalse(value.ccImportOpened, 'ccImportOpened is re-set');
+  });
+});