Setup e2e testing with BDD, Cypress & Cucumber

[mst101]

A continuation of #91 (which I deleted by accident!).

N.B. Until Cypress supports native events, I've commented out a number of tests which involve pressing the space bar or enter keys on a button as Cypress currently treats these exactly the same way as if you had clicked on the button. i.e. the following three lines are equivalent:

cy.get('.my-button').type('{enter}')
cy.get('.my-button').type(' ')
cy.get('.my-button').click()

[MrWook]

Is this done? It's a lot of stuff :D

[mst101]

Yes, it's done. Nothing new here really, other than commenting out the above-mentioned tests...

I've just merged in the previous PR.

N.B. It seems one of the relocated tests from the test(unit): Relocate typeable tests commit was mistakenly dropped in the last PR, so it's been added again in this one.

[MrWook]

He @mst101 i just wanted to merge this but before that i wanted to try it out.
Unfortunately every e2e test failed on my machine :(
I think there error lies in the data-test-${testSelector}. If i'm correct cypress best practice is to add a data-test attribute to the html if you want to select it and the data-test-${testSelector} is the selector for this attribute but there is no such attribute on any of the html element. Maybe they got lost somewhere?

[mst101]

Yes, that's right. They will all fail as the implementation that satisfies these tests is all within the Keyboard Navigation PR (#81).

Sorry if that wasn't clear... Perhaps I should have combined the two PRs?

[mst101]

@MrWook - thanks. I'm just about to merge your updated master branch into my keyboard navigation branch. Then you'll be able to check that out...