Протаскивания ползунка в webdriver.io

const slider = $('.slider'); 
const input = $('input'); 
let counts = 0; 
 
slider.draggable({ 
	axis: "x", 
  drag: function() { 
    counts++ 
    $('input').attr('value', counts) 
  } 
});

.slider { 
  width: 20px; 
  height: 20px; 
  background: red; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<div aria-disabled="false" class="input-range"> 
  <div class="slider"></div> <!--Этот ползунок можно двигать--> 
  <input type="text" name="scale" value="130"> 
  <!--Изменения записываются сюда. В оригинале это поле скрыто--> 
</div>