From 9e71760af7a97f5ff537eb8724d2e353cc5f6477 Mon Sep 17 00:00:00 2001
From: Jake McDermott <yo@jakemcdermott.me>
Date: Fri, 27 Jul 2018 00:55:06 -0400
Subject: [PATCH] add jobs portal relaunch test

---
 .../client/features/jobs/jobsList.view.html   |  2 +-
 .../features/portalMode/index.view.html       |  2 +
 .../templates/templatesList.view.html         |  4 +-
 .../lib/components/list/row.directive.js      |  1 -
 .../lib/components/list/row.partial.html      |  2 +-
 awx/ui/test/e2e/objects/portal.js             | 13 ++++
 .../tests/test-jobs-portal-list-actions.js    | 69 +++++++++++++++++++
 7 files changed, 88 insertions(+), 5 deletions(-)
 create mode 100644 awx/ui/test/e2e/objects/portal.js
 create mode 100644 awx/ui/test/e2e/tests/test-jobs-portal-list-actions.js

diff --git a/awx/ui/client/features/jobs/jobsList.view.html b/awx/ui/client/features/jobs/jobsList.view.html
index 1740fdcdff..c5856604c4 100644
--- a/awx/ui/client/features/jobs/jobsList.view.html
+++ b/awx/ui/client/features/jobs/jobsList.view.html
@@ -15,7 +15,7 @@
     </div>
     <at-list results="vm.jobs" empty-list-reason="{{ vm.emptyListReason }}">
         <!-- TODO: implement resources are missing red indicator as present in mockup -->
-        <at-row ng-repeat="job in vm.jobs" job-id="{{ job.id }}">
+        <at-row ng-repeat="job in vm.jobs" id="job-{{ job.id }}">
             <div class="at-Row-items">
                 <!-- TODO: include workflow tab as well -->
                 <at-row-item
diff --git a/awx/ui/client/features/portalMode/index.view.html b/awx/ui/client/features/portalMode/index.view.html
index 2bb9da50b1..e463df464c 100644
--- a/awx/ui/client/features/portalMode/index.view.html
+++ b/awx/ui/client/features/portalMode/index.view.html
@@ -26,12 +26,14 @@
                                     <button ng-class="{'btn-primary': $state.is('portalMode.myJobs'), 'Button-primary--hollow': $state.is('portalMode.allJobs')}"
                                             ng-click='filterUser()'
                                             class="btn btn-xs"
+                                            id="my-jobs-btn"
                                             translate>
                                         My Jobs
                                     </button>
                                     <button ng-class="{'btn-primary': $state.is('portalMode.allJobs'), 'Button-primary--hollow': $state.is('portalMode.myJobs')}"
                                             ng-click='filterAll()'
                                             class="btn btn-xs"
+                                            id="all-jobs-btn"
                                             translate>
                                         All Jobs
                                     </button>
diff --git a/awx/ui/client/features/templates/templatesList.view.html b/awx/ui/client/features/templates/templatesList.view.html
index 5d392312ea..86cb1e0b64 100644
--- a/awx/ui/client/features/templates/templatesList.view.html
+++ b/awx/ui/client/features/templates/templatesList.view.html
@@ -38,9 +38,9 @@
     <at-list results="vm.templates" id="templates_list">
         <at-row ng-repeat="template in vm.templates"
             ng-class="{'at-Row--active': (template.id === vm.activeId)}"
-            template-id="{{ template.id }}"
             invalid="vm.isInvalid(template)"
-            invalid-tooltip="vm.invalidTooltip">
+            invalid-tooltip="vm.invalidTooltip"
+            id="row-{{ template.id }}">
             <div class="at-Row-items">
                 <at-row-item
                     header-value="{{ template.name }}"
diff --git a/awx/ui/client/lib/components/list/row.directive.js b/awx/ui/client/lib/components/list/row.directive.js
index 98805a1cf7..e64ed8ff88 100644
--- a/awx/ui/client/lib/components/list/row.directive.js
+++ b/awx/ui/client/lib/components/list/row.directive.js
@@ -7,7 +7,6 @@ function atRow () {
         transclude: true,
         templateUrl,
         scope: {
-            templateId: '@',
             invalid: '=',
             invalidTooltip: '='
         }
diff --git a/awx/ui/client/lib/components/list/row.partial.html b/awx/ui/client/lib/components/list/row.partial.html
index dc6dfbd9f0..ce1c506e5c 100644
--- a/awx/ui/client/lib/components/list/row.partial.html
+++ b/awx/ui/client/lib/components/list/row.partial.html
@@ -1,4 +1,4 @@
-<div class="at-Row" id="row-{{ templateId }}">
+<div class="at-Row">
     <div class="at-Row--invalid" ng-show="invalid">
         <at-popover state="invalidTooltip" ng-if="invalidTooltip"></at-popover>
     </div>
diff --git a/awx/ui/test/e2e/objects/portal.js b/awx/ui/test/e2e/objects/portal.js
new file mode 100644
index 0000000000..0ec48e8942
--- /dev/null
+++ b/awx/ui/test/e2e/objects/portal.js
@@ -0,0 +1,13 @@
+module.exports = {
+    url () {
+        return `${this.api.globals.launch_url}/#/portal/myjobs`;
+    },
+    sections: {},
+    elements: {},
+    commands: [{
+        load () {
+            this.api.url('data:,'); // https://github.com/nightwatchjs/nightwatch/issues/1724
+            return this.navigate();
+        },
+    }],
+};
diff --git a/awx/ui/test/e2e/tests/test-jobs-portal-list-actions.js b/awx/ui/test/e2e/tests/test-jobs-portal-list-actions.js
new file mode 100644
index 0000000000..d39a871f25
--- /dev/null
+++ b/awx/ui/test/e2e/tests/test-jobs-portal-list-actions.js
@@ -0,0 +1,69 @@
+import {
+    getJob,
+    getJobTemplateAdmin
+} from '../fixtures';
+
+let data;
+
+module.exports = {
+    before: (client, done) => {
+        const resources = [
+            getJobTemplateAdmin('test-actions'),
+            getJob('test-actions'),
+        ];
+
+        Promise.all(resources)
+            .then(([admin, job]) => {
+                data = { admin, job };
+
+                client.login(data.admin.username);
+                client.waitForAngular();
+
+                done();
+            });
+    },
+    'relaunch a job from the \'all jobs\' list': client => {
+        const portal = client.page.portal();
+
+        const allJobsButton = '#all-jobs-btn';
+        const relaunch = `#job-${data.job.id} i[class*="launch"]`;
+        const search = '#portal-container-jobs smart-search input';
+        const spinny = 'div.spinny';
+
+        portal.load();
+
+        portal.expect.element(allJobsButton).visible;
+        portal.expect.element(allJobsButton).enabled;
+        portal.click(allJobsButton);
+
+        portal.waitForElementVisible(spinny);
+        portal.waitForElementNotVisible(spinny);
+
+        const query = `id:>${data.job.id - 1} id:<${data.job.id + 1}`;
+
+        portal.expect.element(search).visible;
+        portal.expect.element(search).enabled;
+        portal.sendKeys(search, query);
+        portal.sendKeys(search, client.Keys.ENTER);
+
+        portal.waitForElementVisible(spinny);
+        portal.waitForElementNotVisible(spinny);
+
+        portal.expect.element(relaunch).visible;
+        portal.expect.element(relaunch).enabled;
+        portal.click(relaunch);
+
+        portal.waitForElementVisible(spinny);
+        portal.waitForElementNotVisible(spinny);
+
+        const jobDetails = 'at-job-details';
+        const output = './/span[normalize-space(text())=\'"msg": "Hello World!"\']';
+
+        client.waitForElementVisible(jobDetails, 10000);
+        client.useXpath();
+        client.waitForElementVisible(output, 60000);
+        client.useCss();
+
+        client.end();
+    }
+};