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/')


const input = Selector('.new-todo')

// Gjennomfør 1 Todo og skriv en test som verifiserer at Todo er streket over
// Hint:
//  - Du må finne og klikke på elementet som toggler
//  - Testen vil kunne skrives som t.expect(<test>).ok()
test('Complete one todo', async t => {

    await t
        .typeText(input, 'Lær javascript')
        .pressKey('enter')

        .typeText(input, 'Avinstaller ICQ')
        .pressKey('enter')
    
    // == Skriv test-kode her her ==

    // == Skriv assertions her ==
})

// Test at Active/Completed visning fungerer
// Hint:
//  - Du kan sette 1 Todo til aktive og en til fullfør først
test('Show active/completed todos', async t => {
    await t
        .typeText(input, 'Lær javascript')
        .pressKey('enter')

        .typeText(input, 'Avinstaller ICQ')
        .pressKey('enter')

    // == Skriv test-kode her her ==

    // == Skriv assertions her ==
})