spectron: Adds Back Button test

Signed-off-by: tarun8718 <[email protected]>

Author: tarun8718

package.json

@@ -31,7 +31,7 @@
     "lint-js": "xo",
     "prettier-non-js": "prettier --check --ignore-path=.prettierignore.non-js --loglevel=warn .",
     "test": "tsc --noEmit && npm run lint-html && npm run lint-css && npm run lint-js && npm run prettier-non-js",
-    "test-e2e": "tsc && tape 'tests/*.js'",
+    "test-e2e": "tsc && tape 'tests/Spectron/*.js'",
     "pack": "tsc && electron-builder --dir",
     "dist": "tsc && electron-builder",
     "mas": "tsc && electron-builder --mac mas"

tests/config.js renamed to tests/Spectron/config.js

@@ -24,6 +24,7 @@ function createApp() {
     path: path.join(
       __dirname,
       "..",
+      "..",
       "node_modules",
       ".bin",
       "electron" + (process.platform === "win32" ? ".cmd" : ""),
@@ -38,9 +39,9 @@ function createApp() {
 // Reads app package.json and updates the productName to config.TEST_APP_PRODUCT_NAME
 // We do this so that the app integration doesn't doesn't share the same appDataDir as the dev application
 function generateTestAppPackageJson() {
-  const packageJson = require(path.join(__dirname, "../package.json"));
+  const packageJson = require(path.join(__dirname, "..", "..", "package.json"));
   packageJson.productName = config.TEST_APP_PRODUCT_NAME;
-  packageJson.main = "../app/main";
+  packageJson.main = "../../app/main";
 
   const testPackageJsonPath = path.join(__dirname, "package.json");
   fs.writeFileSync(
@@ -104,5 +105,5 @@ function getAppDataDir() {
 function resetTestDataDir() {
   const appDataDir = getAppDataDir();
   rimraf.sync(appDataDir);
-  rimraf.sync(path.join(__dirname, "package.json"));
+  rimraf.sync(path.join(__dirname, "../package.json"));
 }

tests/index.js renamed to tests/Spectron/index.js

@@ -0,0 +1,36 @@
+"use strict";
+const test = require("tape");
+
+const setup = require("./setup");
+
+test("back button", async (t) => {
+  t.timeoutAfter(50e3);
+  setup.resetTestDataDir();
+  const app = setup.createApp();
+  try {
+    await setup.waitForLoad(app, t);
+    await app.client.windowByIndex(1); // Focus on webview
+    await (await app.client.$(".setting-input-value")).setValue(
+      "chat.zulip.org",
+    );
+    await (await app.client.$("#connect")).click();
+    await setup.wait(5000);
+    await app.client.windowByIndex(0); // Switch focus back to main win
+    await app.client.windowByIndex(1); // Switch focus back to org webview
+    await (await app.client.$("#id_username")).waitForExist();
+    await (await app.client.$("#id_username")).setValue(
+      "[email protected]",
+    );
+    await (await app.client.$("#id_password")).setValue("testzulipdesktop");
+    await (await app.client.$(".full-width")).click();
+    await setup.wait(5000);
+    await (await app.client.$(".private_messages_header")).click();
+    await setup.wait(5000);
+    await app.client.windowByIndex(0);
+    await (await app.client.$("#back-action")).click();
+    await setup.wait(5000);
+    await setup.endTest(app, t);
+  } catch (error) {
+    await setup.endTest(app, t, error || "error");
+  }
+});