Capybara testing editablegrid features not working - capybara

Question

Using editablegrid.net. Really like the layout and functionality.
The only problem is feature testing.
Nothing seems to work in capybara - page snap doesn't show the page content for the actual grid, matchers dont see content rendered in js.
I have to use an older phantom (v1.9.2) as support for capybara doesn't seem to be there on mac os x yet.
Anyone had any luck feature testing?
Things tried
page refresh: page.driver.browser.navigate.refresh
made sure turned on using turbolinks events for load
tried selenium and poltergeist
Setup details
versions
rails 4.1.0
capybara (2.9.1)
rspec (3.5.0)
phantomjs 192
selenium-webdriver (2.53.4)
poltergeist (1.5.1)
capybara (~> 2.1)
cliver (~> 0.3.1)
multi_json (~> 1.0)
websocket-driver (>= 0.2.0)
$ phantomjs -v
1.9.2
UPDATE
updated versions
$ phantomjs -v
2.1.1
$ gem list | grep polter
poltergeist (1.10.0)
$ selenium-webdriver (2.53.4)
however when I do a simple test
visit 'address_books/'+user.address_book.id.to_s
page.save_screenshot("file1.png", :full => true)
sleep 4.seconds # just in case the delayed redraw takes time
page.save_screenshot("file2.png", :full => true)
expect(page).to have_content(/Person A.*2 8888 9999.*home/)
where this page includes an editablegrid that works fine in development (See example screen shot (http://imgbox.com/rqwx1vHe) ) doesn't render in the save screen shots ( http://imgbox.com/t1CG6hQa )
other notes
I tried selenium also, same problem : it is clear that the grid does not display.
I have used turbo links load for the event to trigger page load.
grid code
var editableGrid = null;
$(document).on('turbolinks:load', function() {
editableGrid = new EditableGrid("AddressBookGridJSON");
editableGrid.tableLoaded = function() { this.renderGrid("tablecontent", "testgrid"); };
editableGrid.loadJSON('/address_books.json');
// $.getJSON('/address_books.json', function(json) {
// editableGrid.load({"metadata": json.metadata, "data": json.data});
// console.log(editableGrid);
// });
});
UPDATE 2
index.json.jbuilder
json.set! :metadata do
json.array! #address_book.generate_view_table_meta_data
end
json.set! :data do
json.array! #contacts do |contact|
json.id contact.id
json.set! :values do
json.name contact.name
json.phone_number contact.get_presentation_number
json.phone_type contact.get_humanize_phone_type
json.action contact.get_url_to_view_delete
end
end
end
UPDATE 3
Data base cleaner code loaded
require 'database_cleaner'
RSpec.configure do |config|
config.before(:each) do
DatabaseCleaner.clean_with(:truncation)
end
config.before(:each) do
#DatabaseCleaner.strategy = :transaction
# if we use transaction the data is NOT saved during the actual rspec scenario. we must have commit
# during rspec so external compare processs can access data
# TODO make this conditional based on the compare plans process only
# tests will not have :nontransactional defined except compareplans testing
if self.class.metadata[:nontransactional]
DatabaseCleaner.strategy = :truncation
else
DatabaseCleaner.strategy = :transaction
end
end
config.before(:each, :js => true) do
DatabaseCleaner.strategy = :truncation
end
config.before(:each) do
DatabaseCleaner.start
end
config.append_after(:each) do
DatabaseCleaner.clean
end
end