How to use deprecate method of Selenium.WebDriver Package

It looks like you have an extra double quote in the SELECT tag. That may be causing the problem.

In my case it helped to add the following to my Gemfile

# in test group
gem 'selenium-webdriver'

Then run bundle install

Assumptions

Since we only have an image of your chart, rather than the specific html, I will assume the graph is similar in design to the "Basic Line" highcharts demo. The below will hopefully work conceptually for your graph (ie the approach will probably work, but it will likely require some tweaks).

Get Path Elements

In the graph, there is a path element to draw each point, as well as a path element to draw the line.

<g class="highcharts-markers" visibility="visible" zIndex="0.1" transform="translate(62,55) scale(1 1)" clip-path="none">
  <path fill="#2f7ed8" d="M 638.25 182.5 C 643.578 182.5 643.578 190.5 638.25 190.5 C 632.922 190.5 632.922 182.5 638.25 182.5 Z"></path>

The g and path elements are not directly supported by watir, so you will need to use the generic element type with a css or xpath locator.

#Get the first line (as there are 4 in the demo)
series1 = browser.element(:css => 'g.highcharts-markers')

#Get the data points (the last  point is ignored since it is the line)
all_path_elements = series1.elements(:css => 'path')
points = all_path_elements[0..-2]

Simulate MouseOver

You can simulate mousing over an element using the hover method:

browser.element(:css => 'g.highcharts-markers path').hover

Read the Popup

The html of the popup looks like:

<g opacity="0" transform="translate(146,222)" visibility="hidden" style="cursor:default;padding:0;white-space:nowrap;" zIndex="8" class="highcharts-tooltip">
  <text zIndex="1" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333;fill:#333333;" y="21" x="8">
    <tspan x="8" style="font-size: 10px">Apr</tspan>
    <tspan dy="16" x="8" style="fill:#8bbc21">Berlin</tspan>
    <tspan dx="0">: </tspan>
    <tspan dx="0" style="font-weight:bold">8.4°C</tspan>
  </text>

We can get the text of the popup using either of the following:

#All text together
puts browser.element(:css => 'g.highcharts-tooltip').text
#=> "DecTokyo: 9.6°C"

#Each line of the popup
browser.elements(:css => 'g.highcharts-tooltip tspan').each{ |x| puts x.text }
#=> "Dec"
#=> "Tokyo"
#=> ":"
#=> "9.6°C"

Note that the text method only displays visible text, therefore you need to ensure that the popup is displayed before getting the text. Alternatively you could parse the html of the elements.

Search the Data Points

To find the value (ex temperature) for the specific date, we need to iterate over the path elements until we find one that matches the desired date. Using the points variable from before, let us get the value for July.

point = points.find do |p|  
  #Hover over a point
  p.hover

  #Get the month from the popup
  month = browser.elements(:css => 'g.highcharts-tooltip tspan')[0].text

  #Keep going until the month is "Jul"
  month == 'Jul'
end

#Get the value of the point
point.hover
puts browser.elements(:css => 'g.highcharts-tooltip tspan')[3].text
#=> "25.2°C"

This value could then be compared to the spreadsheet of expected values.

Running Script

Putting all the points together, gives the final running example.

require 'watir'
browser = Watir::Browser.new :chrome
browser.goto 'http://www.highcharts.com/demo/'
series1 = browser.element(:css => 'g.highcharts-markers')
all_path_elements = series1.elements(:css => 'path')
points = all_path_elements[0..-2]
point = points.find do |p|  
  p.hover
  month = browser.elements(:css => 'g.highcharts-tooltip tspan')[0].text
  month == 'Jul'
end
point.hover
puts browser.elements(:css => 'g.highcharts-tooltip tspan')[3].text
#=> "25.2°C"

You can do this with cssSelector

driver.find_element(:css,".reMode_design:not(.reMode_selected)")

It looks like you need two different scenarios. I'd use the Background feature to avoid step definitions but it's a matter of taste.

Firstly, locate your chromedriver (possibly /usr/bin) and check your dependencies:

ldd /usr/bin/chromedriver

It is likely you'll be missing at least libgconf-2

If this is the case, try this to resolve: https://forums.aws.amazon.com/thread.jspa?threadID=229187

As you can see, I was creating new browser instance in while-loop. Sometimes it just couldn't close that browser on time or other pid-related glitches occured. It's better to create fixed amount of browsers (for example THREAD_COUNT times) and reuse it when it's available. So creating browser right after THREAD_COUNT.times.map will give you one browser instance for each thread.

To click on the desired button you can use either of the following Locator Strategies:

find('i[ng-click^="grid.appScope.editM"]').click

or

find('i[ng-click^=grid.appScope.editM]').click

If you attach to window.onerror, you can record errors that happen on the page, execute your test, and read any results. Something like this:

driver.execute_script("window._errors = [];"
driver.execute_script("window.onerror = function(){window._errors.push(arguments);};")
//do your test...
errors = driver.execute_script("return window._errors;")

https://code.google.com/p/selenium/wiki/RubyBindings

This keeps everything isolated in your test, however you might miss errors that occur before your inject your listener. You may want to consider using a JavaScript Error Monitoring service like TrackJS to always listen for errors, and then attach to the history to assert your test passes.