bahmutov / bahmutov/effective-e2e-testing-with-cypress

Problem with Angular2 TodoMVC

Open
#2 6 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
2
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Confirmed in Cypress 0.19.4 and 0.20.0

Cannot type "enter" from the test into Angular2 example

```js
// Angular2
const url = 'http://todomvc.com/examples/angular2/'
context('New Todo', () => {
beforeEach(() => {
cy.visit(url)
})

const firstTodo = 'Learn Cypress'

it('adds 1 todo', () => {
cy.get('.new-todo').type(firstTodo).type('{enter}')
cy.get('.todo-list li')
.first()
.find('label').should('contain', firstTodo)
})
})
```
The "Learn Cypress" text appears, but the Enter does nothing
screen shot 2017-09-11 at 4 47 24 pm

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the provided Cypress test and reproduce it against the Angular2 TodoMVC URL using the reported Cypress versions. Trace why typing {enter} does not create the todo; done is when the test passes and the new todo appears in .todo-list with the expected text.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, cypress, javascript
Domain
frontend, testing
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.