class Gridium::ElementExtensions

Public Class Methods

drag_to(source, target) click to toggle source

Javascript HTML5 Drag n drop @param [Element] source element (css locator required) @param [Element] target element (css locator required)

# File lib/element_extensions.rb, line 54
def drag_to(source, target)
  dnd_js = File.read(File.join(File.dirname(__FILE__), "./js/dnd.js"))
  Log.debug("[GRIDIUM::ElementExtensions] dragging '#{source}' to '#{target}'")
  Driver.execute_script_driver(dnd_js + "$('#{source.locator}').simulateDragDrop({ dropTarget: '#{target.locator}'});")
end
highlight(element) click to toggle source
# File lib/element_extensions.rb, line 5
def highlight(element)
  Log.debug("[GRIDIUM::ElementExtensions] Highlighting element...")
  original_border = Driver.execute_script("return arguments[0].style.border", element.element)
  original_background = Driver.execute_script("return arguments[0].style.backgroundColor", element.element)
  Driver.execute_script("arguments[0].style.border='3px solid lime'; return;", element.element)
  Driver.execute_script("arguments[0].style.backgroundColor='lime'; return;", element.element)
  sleep (Gridium.config.highlight_duration)
  Driver.execute_script("arguments[0].style.border='" + original_border + "'; return;", element.element)
  Driver.execute_script("arguments[0].style.backgroundColor='" + original_background + "'; return;", element.element)
end
hover_away(element) click to toggle source
# File lib/element_extensions.rb, line 22
def hover_away(element)
  Driver.execute_script("var evObj = document.createEvent('MouseEvents'); evObj.initMouseEvent(\"mouseout\",true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); arguments[0].dispatchEvent(evObj);", element.element)
  sleep 1
end
hover_over(element, x: 0, y: 0)
Alias for: mouse_over
jquery_click(element) click to toggle source

Occasionaly selenium is unable to click on elements in the DOM which have some interesting React goodies around the element.

# File lib/element_extensions.rb, line 45
def jquery_click(element)
  Driver.execute_script("arguments[0].click().change();", element.element)
end
mouse_over(element, x: 0, y: 0) click to toggle source

Mouse over the requested element at coordinate (Default x:0, y:0) @param [Element] element @param [Integer] x - element x coordinate @param [Integer] y - element y coordinate

# File lib/element_extensions.rb, line 33
def mouse_over(element, x: 0, y: 0)
  Driver.driver.action.move_to(element.element, x, y).perform
end
Also aliased as: hover_over
scroll_to(element) click to toggle source
# File lib/element_extensions.rb, line 16
def scroll_to(element)
  Log.debug("[GRIDIUM::ElementExtensions] Scrolling element into view...")
  Driver.execute_script("arguments[0].scrollIntoView(); return;", element.element)
  sleep 1
end
set_attribute(selector, attr, val) click to toggle source

Use Javascript to set element attribute value from :id @param [String] selector - css selector for find element by @param [String] attribute - element attribute to set @param [String] value - element value to set

# File lib/element_extensions.rb, line 66
def set_attribute(selector, attr, val)
  Driver.execute_script_driver("document.querySelectorAll('#{selector}')[0].setAttribute('#{attr}', '#{val}')")
end
trigger_onblur(element) click to toggle source
# File lib/element_extensions.rb, line 39
def trigger_onblur(element)
  Driver.execute_script("arguments[0].focus(); arguments[0].blur(); return true", element.element)
end