Added line class to hightlighter

src/app/editor/sourceHighlighter.js

@@ -60,7 +60,7 @@ class SourceHighlighter {
         }
         `
 
-      this.statementMarker = this._deps.editor.addMarker(lineColumnPos, this.source, css.highlightcode.className + ' ' + css.customBackgroundColor.className)
+      this.statementMarker = this._deps.editor.addMarker(lineColumnPos, this.source, css.highlightcode.className + ' ' + css.customBackgroundColor.className + ' ' + `highlightLine${lineColumnPos.start.line}`)
       this._deps.editor.scrollToLine(lineColumnPos.start.line, true, true, function () {})
       this.position = lineColumnPos
       if (lineColumnPos.start.line === lineColumnPos.end.line) {

test-browser/commands/scrollUp.js

+const EventEmitter = require('events')
+
+class ScrollUp extends EventEmitter {
+  command (target, height) {
+    this.api.perform((done) => {
+      _scrollUp(this.api, target, height, () => {
+        done()
+        this.emit('complete')
+      })
+    })
+    return this
+  }
+}
+
+function _scrollUp (browser, target, height, cb) {
+  browser.execute(function (target, height) {
+    const element = document.querySelector(target)
+
+    element.scrollTop = element.scrollHeight - height
+  }, [target, height], function () {
+    cb()
+  })
+}
+
+module.exports = ScrollUp

test-browser/tests/editor.test.js

@@ -73,9 +73,16 @@ module.exports = {
   },
 
   'Should highlight source code': function (browser) {
-    browser.addFile('browser/sourcehighlight.js', sourcehighlightScript)
+    browser.addFile('sourcehighlight.js', sourcehighlightScript)
     .switchFile('browser/sourcehighlight.js')
     .executeScript('remix.exeCurrent()')
+    .scrollUp('*[data-id="editorInput"]', 100)
+    .pause(5000)
+    .scrollUp('.ace_scroller', 100)
+    .waitForElementPresent('.highlightLine32')
+    .checkElementStyle('.highlightLine32', 'background-color', 'rgb(8, 108, 181)')
+    .waitForElementPresent('.highlightLine40')
+    .checkElementStyle('.highlightLine40', 'background-color', 'rgb(8, 108, 181)')
     .end()
   },
 
@@ -97,8 +104,9 @@ var aceThemes = {
   }
 }
 
-const sourcehighlightScript = `
-(async () => {
+const sourcehighlightScript = {
+  content: `
+  (async () => {
     try {
         const pos = {
             start: {
@@ -138,5 +146,6 @@ const sourcehighlightScript = `
     } catch (e) {
         console.log(e.message)
     }
-})()
-`
+  })()
+  `  
+}
\ No newline at end of file