Debugging acceptance tests with Angular and Cucumber

I found myself quite helpless when debugging acceptance tests of any kind. One trick I found useful if you can’t understand where the problem could be and want to ‘see’ what the web driver is seeing, is to add the following step definition to your web driver configuration:

Then /^show me the page/ do
            print page.html
          end

and use it like this to at least have a small clue what’s going on:

@javascript
          Scenario: controlling order
            Given there are 12 cucumbers
            Then show me the page
            When I eat 5 cucumbers
            Then I should have 7 cucumbers