utils.js

/// <reference types="cypress" />
/// <reference path='./model.d.ts' />
// @ts-check

export const TODO_ITEM_ONE = 'buy some cheese'
export const TODO_ITEM_TWO = 'feed the cat'
export const TODO_ITEM_THREE = 'book a doctors appointment'

/**
 * App action to creates default todo items.
 *
 * @example
 *  import { addDefaultTodos } from './utils'
 *  beforeEach(addDefaultTodos)
 */
export const addDefaultTodos = () => {
  addTodos(TODO_ITEM_ONE, TODO_ITEM_TWO, TODO_ITEM_THREE)
  allItems().as('todos')
}

/**
 * App action to create one or more todos.
 *
 * @example
  ```
  import { addTodos } from './utils'
  it('shows right counter', () => {
    addTodos(TODO_ITEM_ONE)
    cy.get('.todo-count').contains('1 item left')
    addTodos(TODO_ITEM_TWO)
    cy.get('.todo-count').contains('2 items left')
  })
  ```
 */
export const addTodos = (...todos) => {
  cy.window()
    .its('model')
    .should('be.an', 'object')
    .invoke('addTodo', ...todos)
}

/**
 * App action to toggle the given todo item.
 * Returns chain so you can attach more Cypress commands.
 * @param {number} k index of the todo item to toggle, 0 - first item
 *
 * @example
 ```js
 import { addTodos, toggle } from './utils'
 it('completes an item', () => {
   addTodos('first')
   toggle(0)
 })
 ```
 */
export const toggle = (k = 0) =>
  cy
    .window()
    .its('model')
    .should('be.an', 'object')
    .then(model => {
      expect(k, 'check item index').to.be.lessThan(model.todos.length)
      model.toggle(model.todos[k])
    })

const ALL_ITEMS = '.todo-list li'

/**
 * Returns all todo items on the page.
 *
 * @example
 ```
    import {allItems} from './utils'
    allItems().should('not.exist')
 ```
 */
export const allItems = () => cy.get(ALL_ITEMS)