fix: for test

Author: wahapo

.travis.yml

@@ -260,7 +260,7 @@ export default Component.extend({
    * @method scrollTop
    */
   scrollTop() {
-    this.$('.wrap')[0].scrollTop = 0;
+    this.element.querySelectorAll('.wrap')[0].scrollTop = 0;
   },
 
   /**
@@ -269,9 +269,9 @@ export default Component.extend({
    */
   scrollDown() {
     if (this.autoscroll) {
-      const bottom = this.$('.bottom').prop('offsetTop');
+      const bottom = this.element.querySelector('.bottom').offsetTop;
 
-      this.$('.wrap').prop('scrollTop', bottom);
+      this.element.querySelector('.wrap').scrollTop = bottom;
       set(this, 'lastScrollTop', bottom);
     }
   },
@@ -281,7 +281,7 @@ export default Component.extend({
    * @method scrollStill
    */
   scrollStill() {
-    const container = this.$('.wrap')[0];
+    const container = this.element.querySelectorAll('.wrap')[0];
 
     set(
       this,
@@ -321,7 +321,7 @@ export default Component.extend({
         .then(({ done }) => {
           // prevent updating logs when component is being destroyed
           if (!this.isDestroyed && !this.isDestroying) {
-            const container = this.$('.wrap')[0];
+            const container = this.element.querySelectorAll('.wrap')[0];
             const { inProgress, justFinished } = this;
 
             set(this, 'isFetching', false);
@@ -370,18 +370,19 @@ export default Component.extend({
         set(this, 'isDownloading', true);
 
         this.getLogs(true).then(() => {
-          this.$('#downloadLink')
-            .attr({
-              download: `${buildId}-${stepName}.log`,
-              href: this.logService.buildLogBlobUrl(buildId, stepName)
-            })[0]
-            .click();
+          const el = this.element.querySelectorAll('#downloadLink');
+
+          el.forEach(e => {
+            e.setAttribute('download', `${buildId}-${stepName}.log`);
+            e.setAttribute('href', this.logService.buildLogBlobUrl(buildId, stepName));
+          });
+          el[0].click();
           set(this, 'isDownloading', false);
         });
       }
     },
     logScroll() {
-      const container = this.$('.wrap')[0];
+      const container = this.element.querySelectorAll('.wrap')[0];
 
       if (
         !this.inProgress &&
@@ -395,7 +396,11 @@ export default Component.extend({
       }
 
       // autoscroll when the bottom of the logs is roughly in view
-      set(this, 'autoscroll', this.$('.bottom')[0].getBoundingClientRect().top < 1500);
+      set(
+        this,
+        'autoscroll',
+        this.element.querySelectorAll('.bottom')[0].getBoundingClientRect().top < 1500
+      );
     },
     toggleTimeDisplay() {
       let index = timeTypes.indexOf(this.timeFormat);

app/components/build-log/component.js

@@ -13,7 +13,7 @@ export default Component.extend({
   languages: langs,
   actions: {
     changeLanguage() {
-      this.set('forkUrl', this.$('select').val());
+      this.set('forkUrl', this.element.querySelector('select').value);
     }
   },
   forkUrl: langs[0].url

app/components/home-hero/component.js

@@ -150,17 +150,14 @@ export default Component.extend({
 
       let startTime;
 
-      let status;
-
       let buildId;
 
       let coverageData = {};
 
       if (latestBuild) {
         startTime = moment(latestBuild.startTime).format('lll');
-        status = latestBuild.status;
         buildId = latestBuild.id;
-        duration = this.getDuration(latestBuild.startTime, latestBuild.endTime, status);
+        duration = this.getDuration(latestBuild.startTime, latestBuild.endTime, latestBuild.status);
 
         coverageData = {
           jobId,

app/components/pipeline-list-view/component.js

@@ -1,5 +1,5 @@
 <button {{action "refreshListViewJobs"}} class="refresh-btn">Refresh</button>
-{{#light-table table as |t|}}
+{{#light-table table height="inherit" as |t|}}
   {{t.head
     onColumnClick=(action "onColumnClick")
     iconSortable="fa fa-sort"

app/components/pipeline-list-view/template.hbs

@@ -104,7 +104,7 @@ export default Component.extend({
         .sort();
     }
   }),
-  columns: computed(function() {
+  columns: computed(function columns() {
     return [
       {
         label: 'Name',

app/components/tc-collection-list/component.js

@@ -5,7 +5,9 @@ export default Component.extend({
   actions: {
     nameClick() {
       this.toggleProperty('isOpen');
-      this.$('#validator-ace-editor').toggle('hidden');
+      this.element
+        .querySelectorAll('#validator-ace-editor')
+        .forEach(el => el.classList.toggle('hidden'));
     }
   }
 });

app/components/validator-input/component.js

@@ -76,13 +76,13 @@ export default Component.extend({
     this._super(...arguments);
 
     if (!this.isOpen) {
-      this.$('div').hide();
+      this.element.querySelectorAll('div').forEach(el => el.classList.add('hidden'));
     }
   },
   actions: {
     nameClick() {
       this.toggleProperty('isOpen');
-      this.$('div').toggle('hidden');
+      this.element.querySelectorAll('div').forEach(el => el.classList.toggle('hidden'));
     }
   }
 });

app/components/validator-job/component.js

@@ -54,4 +54,8 @@
       color: $sd-failure;
     }
   }
+
+  div .hidden {
+    display: node !important;
+  }
 }

app/components/validator-job/styles.scss

@@ -5,13 +5,13 @@ export default Component.extend({
   didInsertElement() {
     this._super(...arguments);
     if (!this.isOpen) {
-      this.$('div').hide();
+      this.element.querySelectorAll('div').forEach(el => el.classList.add('hidden'));
     }
   },
   actions: {
     nameClick() {
       this.toggleProperty('isOpen');
-      this.$('div').toggle('hidden');
+      this.element.querySelectorAll('div').forEach(el => el.classList.toggle('hidden'));
     }
   }
 });

app/components/validator-pipeline/component.js

@@ -45,4 +45,8 @@
       color: $sd-failure;
     }
   }
+
+  div .hidden {
+    display: node !important;
+  }
 }

app/components/validator-pipeline/styles.scss

@@ -12,18 +12,16 @@ export default Component.extend({
     this._super(...arguments);
 
     const event = get(this, 'tooltipData.mouseevent');
-    const el = this.$();
+    const el = this.element;
 
     // setting tooltip position
     if (el && event) {
       let top = event.layerY + get(this, 'tooltipData.sizes.ICON_SIZE');
 
-      let left = this.left ? event.layerX - 20 : event.layerX - el.outerWidth() / 2;
+      let left = this.left ? event.layerX - 20 : event.layerX - el.offsetWidth / 2;
 
-      el.css({
-        top,
-        left
-      });
+      el.style.top = top;
+      el.style.left = left;
     }
   }
 });

app/components/workflow-tooltip/component.js

@@ -178,3 +178,5 @@ body {
 }
 
 @import 'ember-power-select';
+
+@import 'ember-bootstrap/bootstrap';

app/styles/app.scss

@@ -13,6 +13,7 @@ module.exports = environment => {
         // Glimmer [ember] and ACE Editor [validator] add styles to elements at run time, this makes it impossible to precalculate all possible shas for inline styles
         "'unsafe-inline'"
       ],
+      'script-src': ["'unsafe-eval'"],
       'manifest-src': ["'self'"],
       'frame-src': ["'self'"],
       'connect-src': ["'self'"],