import { Selector } from 'testcafe';
import testcafeconfig from '../testcafeconfig';
import Page from "../page-model";
import { RequestLogger } from 'testcafe';

const logger = RequestLogger( /http:\/\/localhost:2342\/api\/v1\/*/ , {
    logResponseHeaders: true,
    logResponseBody:    true
});

fixture `Test index`
    .page`${testcafeconfig.url}`
    .requestHooks(logger);

const page = new Page();
test('#1 Index files from folder', async t => {
    await t
        .click(Selector('.p-navigation-labels'));
    await page.search('cheetah');
    await t
        .expect(Selector('h3').withText('No labels matched your search').visible).ok()
        .click(Selector('.p-navigation-moments'))
        .expect(Selector('h3').withText('No moments matched your search').visible).ok();
    await t
        .click(Selector('.p-navigation-library'))
        .click(Selector('#tab-originals'))
        .click(Selector('.input-index-folder input'))
        .click(Selector('div.v-list__tile__title').withText('/moment'))
        .click(Selector('.action-index'))
        //TODO replace wait
        .wait(50000)
        .expect(Selector('span').withText('Done.').visible, {timeout: 60000}).ok()
        .click(Selector('.p-navigation-labels'))
        .click(Selector('.action-reload'));
    await page.search('cheetah');
    await t
        .expect(Selector('.p-label').visible).ok()
        .click(Selector('.p-navigation-moments'))
        .click(Selector('a').withText('South Africa 2013'))
        .expect(Selector('.p-photo').visible).ok();
});