import { Selector } from 'testcafe'

fixture('Test TodoMVC App')
    .page('http://localhost:8080')

// hvis problemer, bruk følgende i stedet
//   .page('http://todomvc.com/examples/vanillajs/')


// Test å slette en Todo
// Hint:
//  - Du må finne selector for Slette-ikonet for å kunne klikke på det
//  - Du kan ikke klikke på elementer som ikke er synlige
test('Delete todo', async t => {
    const input = Selector('.new-todo');
    const todoItems = Selector('.todo-list li');
    const firstTodoItem = Selector('.todo-list li:nth-child(1)')
    await t
        .typeText(input, 'Klem en vill tiger')
        .pressKey('enter')

        .typeText(input, 'Klem en hund')
        .pressKey('enter')

    await t
        .expect(todoItems.count)
        .eql(2)

    await t
        // == Skriv test her ==

    await t
        .expect(todoItems.count)
        .eql(1)

    await t
        .expect(firstTodoItem.textContent)
        .contains('Klem en hund')
})