diff --git a/src/app/tabs/debugger/debuggerUI/Slider.js b/src/app/tabs/debugger/debuggerUI/Slider.js
index 865dd8bcd9..d67be06dc2 100644
--- a/src/app/tabs/debugger/debuggerUI/Slider.js
+++ b/src/app/tabs/debugger/debuggerUI/Slider.js
@@ -43,7 +43,7 @@ class Slider {
   render () {
     var self = this
     var view = yo`<div>
-        <input id='slider' style='width: 100%' type='range' min=0 max=${this.max} value=0
+        <input id='slider' data-id="slider" style='width: 100%' type='range' min=0 max=${this.max} value=0
           onchange=${function () { self.onChange() }} oninput=${function () { self.onChange() }} disabled=${this.disabled} />
       </div>`
     if (!this.view) {
diff --git a/src/app/tabs/debugger/debuggerUI/vmDebugger/SolidityLocals.js b/src/app/tabs/debugger/debuggerUI/vmDebugger/SolidityLocals.js
index 35edfd81f7..592b2ef060 100644
--- a/src/app/tabs/debugger/debuggerUI/vmDebugger/SolidityLocals.js
+++ b/src/app/tabs/debugger/debuggerUI/vmDebugger/SolidityLocals.js
@@ -29,7 +29,7 @@ class SolidityLocals {
   }
 
   render () {
-    this.view = yo`<div id='soliditylocals'>${this.basicPanel.render()}</div>`
+    this.view = yo`<div id='soliditylocals' data-id="solidityLocals">${this.basicPanel.render()}</div>`
     return this.view
   }
 }
diff --git a/src/app/tabs/debugger/debuggerUI/vmDebugger/StepDetail.js b/src/app/tabs/debugger/debuggerUI/vmDebugger/StepDetail.js
index fcfa13612c..0bcc30395b 100644
--- a/src/app/tabs/debugger/debuggerUI/vmDebugger/StepDetail.js
+++ b/src/app/tabs/debugger/debuggerUI/vmDebugger/StepDetail.js
@@ -17,7 +17,7 @@ StepDetail.prototype.updateField = function (key, value) {
 }
 
 StepDetail.prototype.render = function () {
-  return yo`<div id='stepdetail' >${this.basicPanel.render()}</div>`
+  return yo`<div id='stepdetail' data-id="stepdetail">${this.basicPanel.render()}</div>`
 }
 
 module.exports = StepDetail
diff --git a/test-browser/tests/debugger.js b/test-browser/tests/debugger.js
index 083ba7fbca..1641738e11 100644
--- a/test-browser/tests/debugger.js
+++ b/test-browser/tests/debugger.js
@@ -30,6 +30,19 @@ module.exports = {
     .setValue('*[title="string name, uint256 goal"]', '"toast", 999')
     .click('*[data-id="createProject - transact (not payable)"]')
     .debugTransaction(1)
+    .pause(2000)
+    .scrollAndClick('*[data-id="solidityLocals"]')
+    .assert.containsText('*[data-id="solidityLocals"]', "toast")
+    .assert.containsText('*[data-id="solidityLocals"]', "999")
+  },
+
+  'Should debug transaction using slider': function (browser) {
+    browser.waitForElementVisible('*[data-id="verticalIconsKindudapp"]')
+    .click('*[data-id="slider"]')
+    .setValue('*[data-id="slider"]', 50)
+    .pause(2000)
+    .assert.containsText('*[data-id="solidityLocals"]', "no locals")
+    .assert.containsText('*[data-id="stepdetail"]', 'vm trace step: 92')
     .end()
   },