photoprism/frontend/tests/acceptance/photos.js

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

const scroll = ClientFunction((x, y) => window.scrollTo(x, y));
const getcurrentPosition = ClientFunction(() => window.pageYOffset);

fixture `Test photos`
    .page`${testcafeconfig.url}`;

const page = new Page();

test
    .meta('testID', 'photos-001')
    ('Scroll to top', async t => {
    await t
        .click(Selector('.nav-browse'))
        .click(Selector('.p-expand-search'));
    await page.setFilter('view', 'Cards');
    await t
        .expect(Selector('button.is-photo-scroll-top').exists).notOk()
        .expect(getcurrentPosition()).eql(0)
        .expect(Selector('div[class="v-image__image v-image__image--cover"]').nth(0).visible).ok();
    await scroll(0, 1400);
    await scroll(0, 1000);
    await t
        .click(Selector('button.p-scroll-top'))
        .expect(getcurrentPosition()).eql(0);
});

test
    .meta('testID', 'photos-002')
    ('Download single photo/video using clipboard and fullscreen mode', async t => {
    await page.search('photo:true');
    const FirstPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    const SecondPhoto = await Selector('div.is-photo').nth(1).getAttribute('data-uid');
    await t
        .click(Selector('div').withAttribute('data-uid', SecondPhoto));
    await t
        .expect(Selector('#p-photo-viewer').visible).ok()
        .hover(Selector('.action-download'))
        .expect(Selector('.action-download').visible).ok()
        .click(Selector('.action-close'));
    await page.selectPhotoFromUID(FirstPhoto);
    await t
        .click(Selector('.nav-video'));
    const FirstVideo = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    await page.selectPhotoFromUID(FirstVideo);
    const clipboardCount = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCount.textContent).eql("2")
        .click(Selector('button.action-menu'))
        .expect(Selector('button.action-download').visible).ok();
});

test
    .meta('testID', 'photos-003')
    ('Approve photo using approve and by adding location', async t => {
    await page.openNav();
    await t
        .click(Selector('div.nav-browse + div'))
        .click(Selector('.nav-review'));
    await page.search('type:image');
    const FirstPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    const SecondPhoto = await Selector('div.is-photo').nth(1).getAttribute('data-uid');
    const ThirdPhoto = await Selector('div.is-photo').nth(2).getAttribute('data-uid');

    await t
        .click(Selector('.nav-browse'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).notOk();
    await t.click(Selector('.nav-review'));

    await page.selectPhotoFromUID(FirstPhoto);
    await page.editSelected();
    await t
        .click(Selector('button.action-close'));
    await t
        .click(Selector('button.action-reload'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).visible, {timeout: 5000}).ok();
    await page.editSelected();
    await t
        .click(Selector('button.action-approve'))
        .click(Selector('button.action-done'));

    await page.selectPhotoFromUID(SecondPhoto);
    await page.editSelected();
    await t
        .typeText(Selector('input[aria-label="Latitude"]'), '9.999')
        .typeText(Selector('input[aria-label="Longitude"]'), '9.999')
        .click(Selector('button.action-done'));

    const ButtonThirdPhoto = 'div.is-photo[data-uid="'+ThirdPhoto+'"] button.action-approve';
    await t
        .click(Selector(ButtonThirdPhoto))
        .click(Selector('button.action-reload'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', ThirdPhoto).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-browse'));
    await page.search('type:image');
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).visible).ok()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).visible).ok()
        .expect(Selector('div').withAttribute('data-uid', ThirdPhoto).visible).ok();

});

test
    .meta('testID', 'photos-004')
    ('Like/dislike photo/video', async t => {
    const FirstPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');

    await t.click(Selector('.nav-video'));
    const FirstVideo = await Selector('div.is-photo').nth(0).getAttribute('data-uid');

    await t.click(Selector('.nav-favorites'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-browse'));

    await page.toggleLike(FirstPhoto);
    await t
        .click(Selector('.action-reload'))
        .expect(Selector('div.is-photo').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).ok();

    await t.click(Selector('.nav-video'));
    await page.toggleLike(FirstVideo);
    await t
        .click(Selector('.action-reload'))
        .expect(Selector('div.is-photo').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).ok();

    await t
        .click(Selector('.nav-favorites'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).ok()
        .expect(Selector('div.v-image__image').visible).ok();
    await page.toggleLike(FirstVideo);
    await page.toggleLike(FirstPhoto);
    await t.click(Selector('.action-reload'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).notOk();
});

test
    .meta('testID', 'photos-005')
    ('Private/unprivate photo/video using clipboard and list', async t => {
    await t
        .click(Selector('.nav-browse'));
    await page.search('photo:true');
    await t
        .click(Selector('.p-expand-search'));
    await page.setFilter('view', 'Mosaic');
    const FirstPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    const SecondPhoto = await Selector('div.is-photo').nth(1).getAttribute('data-uid');
    const ThirdPhoto = await Selector('div.is-photo').nth(2).getAttribute('data-uid');

    await t
        .click(Selector('.nav-video'));
    const FirstVideo = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    const SecondVideo = await Selector('div.is-photo').nth(1).getAttribute('data-uid');

    await t.click(Selector('.nav-private'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', ThirdPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondVideo).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-browse'));
    await page.selectPhotoFromUID(FirstPhoto);
    await page.selectFromUIDInFullscreen(SecondPhoto);
    const clipboardCount = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCount.textContent).eql("2")
        .click(Selector('button.action-menu'))
        .click(Selector('button.action-private'))
        .expect(Selector('button.action-menu').exists, {timeout: 5000}).notOk();
    await page.setFilter('view', 'List');
    await t
        .click(Selector('button.p-photo-private').withAttribute('data-uid', ThirdPhoto));
    await t
        .click(Selector('.action-reload'));
    await t
        .expect(Selector('td').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('td').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('td').withAttribute('data-uid', ThirdPhoto).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-video'));

    await t
        .click(Selector('button.p-photo-private').withAttribute('data-uid', SecondVideo));
    await page.setFilter('view', 'Card');

    await page.selectPhotoFromUID(FirstVideo);
    const clipboardCountVideo = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCountVideo.textContent).eql("1")
        .click(Selector('button.action-menu'))
        .click(Selector('button.action-private'))
        .expect(Selector('button.action-menu').exists, {timeout: 5000}).notOk();
    await t
        .click(Selector('.action-reload'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondVideo).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-private'));

    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', SecondVideo).exists, {timeout: 5000}).ok();
    await page.selectPhotoFromUID(FirstPhoto);
    await page.selectPhotoFromUID(SecondPhoto);
    await page.selectPhotoFromUID(FirstVideo);
    await t
        .click(Selector('button.action-menu'))
        .click(Selector('button.action-private'));
    await page.setFilter('view', 'List');
    await t
        .click(Selector('button.p-photo-private').withAttribute('data-uid', ThirdPhoto))
        .click(Selector('button.p-photo-private').withAttribute('data-uid', SecondVideo));
    await page.setFilter('view', 'Mosaic');
    await t.click(Selector('.action-reload'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', ThirdPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondVideo).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-browse'));

    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', ThirdPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', SecondVideo).exists, {timeout: 5000}).ok()
        .click(Selector('.nav-video'));

    await t
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', SecondVideo).exists, {timeout: 5000}).ok();
});

test
    .meta('testID', 'photos-006')
    ('Archive/restore video, photos, private photos and review photos using clipboard', async t => {
    await page.openNav();
    await t
        .click(Selector('.nav-browse'));
    await page.search('photo:true');
    await t
        .click(Selector('.p-expand-search'));
    await page.setFilter('view', 'Mosaic');
    const FirstPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    const SecondPhoto = await Selector('div.is-photo').nth(1).getAttribute('data-uid');

    await t
        .click(Selector('.nav-video'));
    const FirstVideo = await Selector('div.is-photo').nth(0).getAttribute('data-uid');

    await t
        .click(Selector('.nav-private'));
    const FirstPrivatePhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');

    await t
        .click(Selector('div.nav-browse + div'))
        .click(Selector('.nav-review'));
    const FirstReviewPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');

    await t
        .click(Selector('.nav-archive'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstPrivatePhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstReviewPhoto).exists, {timeout: 5000}).notOk();

    await t
        .click(Selector('.nav-video'));
    await page.setFilter('view', 'Card');
    await page.selectPhotoFromUID(FirstVideo);
    const clipboardCountVideo = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCountVideo.textContent).eql("1");
    await page.archiveSelected();
    await t
        .expect(Selector('button.action-menu').exists, {timeout: 5000}).notOk()
        .click(Selector('.action-reload'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-browse'));
    await page.selectPhotoFromUID(FirstPhoto);
    await page.selectPhotoFromUID(SecondPhoto);
    const clipboardCountPhotos = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCountPhotos.textContent).eql("2");
    await page.archiveSelected();
    await t
        .expect(Selector('button.action-menu').exists, {timeout: 5000}).notOk()
        .click(Selector('.action-reload'));;
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-private'));
    await page.selectPhotoFromUID(FirstPrivatePhoto);
    const clipboardCountPrivate = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCountPrivate.textContent).eql("1");
    await t
        .click(Selector('.nav-review'));
    await page.selectPhotoFromUID(FirstReviewPhoto);
    const clipboardCountReview = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCountReview.textContent).eql("2");
    await page.archiveSelected();
    await t
        .expect(Selector('button.action-menu').exists, {timeout: 5000}).notOk()
        .click(Selector('.action-reload'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstReviewPhoto).exists, {timeout: 5000}).notOk()
        .click(Selector('.nav-archive'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', FirstPrivatePhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', FirstReviewPhoto).exists, {timeout: 5000}).ok();
    await page.selectPhotoFromUID(FirstPhoto);
    await page.selectPhotoFromUID(SecondPhoto);
    await page.selectPhotoFromUID(FirstVideo);
    await page.selectPhotoFromUID(FirstPrivatePhoto);
    await page.selectPhotoFromUID(FirstReviewPhoto);
    const clipboardCountArchive = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCountArchive.textContent).eql("5");
    await page.restoreSelected();
    await t
        .expect(Selector('button.action-menu').exists, {timeout: 5000}).notOk()
        .click(Selector('.action-reload'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstPrivatePhoto).exists, {timeout: 5000}).notOk()
        .expect(Selector('div').withAttribute('data-uid', FirstReviewPhoto).exists, {timeout: 5000}).notOk();

    await t
        .click(Selector('.nav-video'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstVideo).exists, {timeout: 5000}).ok();
    await t
        .click(Selector('.nav-browse'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPhoto).exists, {timeout: 5000}).ok()
        .expect(Selector('div').withAttribute('data-uid', SecondPhoto).exists, {timeout: 5000}).ok();
    await t
        .click(Selector('.nav-private'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstPrivatePhoto).exists, {timeout: 5000}).ok();
    await t
        .click(Selector('.nav-review'));
    await t
        .expect(Selector('div').withAttribute('data-uid', FirstReviewPhoto).exists, {timeout: 5000}).ok();
});

test
    .meta('testID', 'photos-007')
    ('Edit photo/video', async t => {
    await page.openNav();
    await t
        .click(Selector('.nav-browse'))
        .click(Selector('.p-expand-search'));
    await page.setFilter('view', 'Cards');
    const FirstPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    await t
        .click(Selector('button.action-title-edit').withAttribute('data-uid', FirstPhoto))
        .expect(Selector('input[aria-label="Latitude"]').visible).ok()
        .expect(Selector('button.action-previous').getAttribute('disabled')).eql('disabled');
    await t
        .click(Selector('button.action-next'));
    await t
        .expect(Selector('button.action-previous').getAttribute('disabled')).notEql('disabled')
        .click(Selector('button.action-previous'))
        .click(Selector('button.action-close'))
        .click(Selector('div.is-photo').withAttribute('data-uid', FirstPhoto))
        .expect(Selector('#p-photo-viewer').visible).ok()
        .hover(Selector('.action-edit'))
        .click(Selector('.action-edit'))
        .expect(Selector('input[aria-label="Latitude"]').visible).ok();

    const FirstPhotoTitle = await (Selector('.input-title input').value);
    const FirstPhotoLocalTime = await (Selector('.input-local-time input').value);
    const FirstPhotoUTCTime = await (Selector('.input-utc-time input').value);
    const FirstPhotoDay = await (Selector('.input-day input').value);
    const FirstPhotoMonth = await (Selector('.input-month input').value);
    const FirstPhotoYear = await (Selector('.input-year input').value);
    const FirstPhotoTimezone = await (Selector('.input-timezone input').value);
    const FirstPhotoLatitude = await (Selector('.input-latitude input').value);
    const FirstPhotoLongitude = await (Selector('.input-longitude input').value);
    const FirstPhotoAltitude = await (Selector('.input-altitude input').value);
    const FirstPhotoCountry = await (Selector('.input-country input').value);
    const FirstPhotoCamera = await (Selector('div.p-camera-select div.v-select__selection').innerText);
    const FirstPhotoIso = await (Selector('.input-iso input').value);
    const FirstPhotoExposure = await (Selector('.input-exposure input').value);
    const FirstPhotoLens = await (Selector('div.p-lens-select div.v-select__selection').innerText);
    const FirstPhotoFnumber = await (Selector('.input-fnumber input').value);
    const FirstPhotoFocalLength = await (Selector('.input-focal-length input').value);
    const FirstPhotoSubject = await (Selector('.input-subject textarea').value);
    const FirstPhotoArtist = await (Selector('.input-artist input').value);
    const FirstPhotoCopyright = await (Selector('.input-copyright input').value);
    const FirstPhotoLicense = await (Selector('.input-license textarea').value);
    const FirstPhotoDescription = await (Selector('.input-description textarea').value);
    const FirstPhotoKeywords = await (Selector('.input-keywords textarea').value);
    const FirstPhotoNotes = await (Selector('.input-notes textarea').value);

    await t
        .typeText(Selector('.input-title input'), 'Not saved photo title', {replace: true})
        .click(Selector('button.action-close'))
        .click(Selector('button.action-date-edit').withAttribute('data-uid', FirstPhoto))
        .expect(Selector('.input-title input').value).eql(FirstPhotoTitle)
        .typeText(Selector('.input-title input'), 'New Photo Title', { replace: true })
        .typeText(Selector('.input-timezone input'), 'Europe/Mosc', { replace: true })
        .click(Selector('div').withText('Europe/Moscow').parent('div[role="listitem"]'))
        .typeText(Selector('.input-day input'), '15', { replace: true })
        .pressKey('enter')
        .typeText(Selector('.input-month input'), '07', { replace: true })
        .pressKey('enter')
        .typeText(Selector('.input-year input'), '2019', { replace: true })
        .click(Selector('div').withText('2019').parent('div[role="listitem"]'))
        .click(Selector('.input-local-time input'))
        .pressKey('ctrl+a delete')
        .typeText(Selector('.input-local-time input'), '04:30:30', { replace: true })
        .pressKey('enter')
        .typeText(Selector('.input-altitude input'), '-1', { replace: true })
        .typeText(Selector('.input-latitude input'), '41.15333', { replace: true })
        .typeText(Selector('.input-longitude input'), '20.168331', { replace: true })
        //.click(Selector('.input-camera input'))
        //.hover(Selector('div').withText('Apple iPhone 6').parent('div[role="listitem"]'))
        //.click(Selector('div').withText('Apple iPhone 6').parent('div[role="listitem"]'))
        //.click(Selector('.input-lens input'))
        //.click(Selector('div').withText('Apple iPhone 5s back camera 4.15mm f/2.2').parent('div[role="listitem"]'))
        .typeText(Selector('.input-iso input'), '32', { replace: true })
        .typeText(Selector('.input-exposure input'), '1/32', { replace: true })
        .typeText(Selector('.input-fnumber input'), '29', { replace: true })
        .typeText(Selector('.input-focal-length input'), '33', { replace: true })
        .typeText(Selector('.input-subject textarea'), 'Super nice edited photo', { replace: true })
        .typeText(Selector('.input-artist input'), 'Happy', { replace: true })
        .typeText(Selector('.input-copyright input'), 'Happy2020', { replace: true })
        .typeText(Selector('.input-license textarea'), 'Super nice cat license', { replace: true })
        .typeText(Selector('.input-description textarea'), 'Description of a nice image :)', { replace: true })
        .typeText(Selector('.input-keywords textarea'), ', cat, love')
        .typeText(Selector('.input-notes textarea'), 'Some notes', { replace: true })
        .click(Selector('button.action-approve'));
    await t
        .expect(Selector('.input-latitude input').visible, {timeout: 5000}).ok()
        .click(Selector('button.action-done'));
    await t
        .click(Selector('button.action-reload'));
    await t
        .expect(Selector('button.action-title-edit').withAttribute('data-uid', FirstPhoto).innerText).eql('New Photo Title');
    await page.selectPhotoFromUID(FirstPhoto);
    await page.editSelected();
    await t
        .expect(Selector('.input-title input').value).eql('New Photo Title')
        .expect(Selector('.input-timezone input').value).eql('Europe/Moscow')
        .expect(Selector('.input-local-time input').value).eql('04:30:30')
        .expect(Selector('.input-utc-time input').value).eql('01:30:30')
        .expect(Selector('.input-day input').value).eql('15')
        .expect(Selector('.input-month input').value).eql('07')
        .expect(Selector('.input-year input').value).eql('2019')
        .expect(Selector('.input-altitude input').value).eql('-1')
        .expect(Selector('div').withText('Albania').visible).ok()
        //.expect(Selector('div').withText('Apple iPhone 6').visible).ok()
        //.expect(Selector('div').withText('Apple iPhone 5s back camera 4.15mm f/2.2').visible).ok()
        .expect(Selector('.input-iso input').value).eql('32')
        .expect(Selector('.input-exposure input').value).eql('1/32')
        .expect(Selector('.input-fnumber input').value).eql('29')
        .expect(Selector('.input-focal-length input').value).eql('33')
        .expect(Selector('.input-subject textarea').value).eql('Super nice edited photo')
        .expect(Selector('.input-artist input').value).eql('Happy')
        .expect(Selector('.input-copyright input').value).eql('Happy2020')
        .expect(Selector('.input-license textarea').value).eql('Super nice cat license')
        .expect(Selector('.input-description textarea').value).eql('Description of a nice image :)')
        .expect(Selector('.input-description textarea').value).eql('Description of a nice image :)')
        .expect(Selector('.input-notes textarea').value).contains('Some notes')
        .expect(Selector('.input-keywords textarea').value).contains('cat');
if (FirstPhotoTitle.empty || FirstPhotoTitle === "")
    { await t
        .click(Selector('.input-title input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-title input'), FirstPhotoTitle, { replace: true })}
    await t.typeText(Selector('.input-day input'), FirstPhotoDay, { replace: true })
        .pressKey('enter')
        .typeText(Selector('.input-month input'), FirstPhotoMonth, { replace: true })
        .pressKey('enter')
        .typeText(Selector('.input-year input'), FirstPhotoYear, { replace: true })
        .pressKey('enter')
    if (FirstPhotoLocalTime.empty || FirstPhotoLocalTime === "")
    { await t
        .click(Selector('.input-local-time input'))
        .pressKey('ctrl+a delete')}
    else
    {await t
        .click(Selector('.input-local-time input'))
        .pressKey('ctrl+a delete')
        .typeText(Selector('.input-local-time input'), FirstPhotoLocalTime, { replace: true })
        .pressKey('enter')}
     if (FirstPhotoTimezone.empty || FirstPhotoTimezone === "")
    { await t
        .click(Selector('.input-timezone input'))
        .typeText(Selector('.input-timezone input'), 'UTC', { replace: true })
        .pressKey('enter')}
    else
    {await t
        .typeText(Selector('.input-timezone input'), FirstPhotoTimezone, { replace: true })
        .pressKey('enter')}
    if (FirstPhotoLatitude.empty || FirstPhotoLatitude === "")
    { await t
        .click(Selector('.input-latitude input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-latitude input'), FirstPhotoLatitude, { replace: true })}
    if (FirstPhotoLongitude.empty || FirstPhotoLongitude === "")
    { await t
        .click(Selector('.input-longitude input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-longitude input'), FirstPhotoLongitude, { replace: true })}
    if (FirstPhotoAltitude.empty || FirstPhotoAltitude === "")
    { await t
        .click(Selector('.input-altitude input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-altitude input'), FirstPhotoAltitude, { replace: true })}
    if (FirstPhotoCountry.empty  || FirstPhotoCountry === "")
    { await t
        .click(Selector('.input-longitude input'))
        .pressKey('ctrl+a delete')}
    else
    {await t
        .click(Selector('.input-country input'))
        .pressKey('ctrl+a delete')
        .typeText(Selector('.input-country input'), FirstPhotoCountry, { replace: true })
        .pressKey('enter')}
    // if (FirstPhotoCamera.empty || FirstPhotoCamera === "")
    //{ await t
        //.click(Selector('.input-camera input'))
       // .hover(Selector('div').withText('Unknown').parent('div[role="listitem"]'))
      //  .click(Selector('div').withText('Unknown').parent('div[role="listitem"]'))}
    //else
    //{await t
      //  .click(Selector('.input-camera input'))
     //   .hover(Selector('div').withText(FirstPhotoCamera).parent('div[role="listitem"]'))
    //    .click(Selector('div').withText(FirstPhotoCamera).parent('div[role="listitem"]'))}
    //if (FirstPhotoLens.empty || FirstPhotoLens === "")
    //{ await t
      //  .click(Selector('.input-lens input'))
     //   .click(Selector('div').withText('Unknown').parent('div[role="listitem"]'))}
    //else
    //{await t
     //   .click(Selector('.input-lens input'))
    //    .click(Selector('div').withText(FirstPhotoLens).parent('div[role="listitem"]'))}
    if (FirstPhotoIso.empty || FirstPhotoIso === "")
    { await t
        .click(Selector('.input-iso input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-iso input'), FirstPhotoIso, { replace: true })}
    if (FirstPhotoExposure.empty || FirstPhotoExposure === "")
    { await t
        .click(Selector('.input-exposure input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-exposure input'), FirstPhotoExposure, { replace: true })}
    if (FirstPhotoFnumber.empty || FirstPhotoFnumber === "")
    { await t
        .click(Selector('.input-fnumber input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-fnumber input'), FirstPhotoFnumber, { replace: true })}
    if (FirstPhotoFocalLength.empty || FirstPhotoFocalLength === "")
    { await t
        .click(Selector('.input-focal-length input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-focal-length input'), FirstPhotoFocalLength, { replace: true })}
    if (FirstPhotoSubject.empty || FirstPhotoSubject === "")
    { await t
        .click(Selector('.input-subject textarea'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-subject textarea'), FirstPhotoSubject, { replace: true })}
    if (FirstPhotoArtist.empty || FirstPhotoSubject === "")
    { await t
        .click(Selector('.input-artist input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-artist input'), FirstPhotoArtist, { replace: true })}
    if (FirstPhotoCopyright.empty || FirstPhotoCopyright === "")
    { await t
        .click(Selector('.input-copyright input'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-copyright input'), FirstPhotoCopyright, { replace: true })}
    if (FirstPhotoLicense.empty || FirstPhotoLicense === "")
    {await t
        .click(Selector('.input-license textarea'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-license textarea'), FirstPhotoLicense, { replace: true })}
    if (FirstPhotoDescription.empty || FirstPhotoDescription === "")
    { await t
        .click(Selector('.input-description textarea'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-description textarea'), FirstPhotoDescription, { replace: true })}
    if (FirstPhotoKeywords.empty || FirstPhotoKeywords === "")
    { await t
        .click(Selector('.input-keywords textarea'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-keywords textarea'), FirstPhotoKeywords, { replace: true })}
    if (FirstPhotoNotes.empty || FirstPhotoNotes === "")
    { await t
        .click(Selector('.input-notes textarea'))
        .pressKey('ctrl+a delete')}
    else
    {await t.typeText(Selector('.input-notes textarea'), FirstPhotoNotes, { replace: true })}
    await t
        .click(Selector('button.action-done'));
    const clipboardCount = await Selector('span.count-clipboard', {timeout: 5000});
    await t
        .expect(clipboardCount.textContent).eql("1")
        .click(Selector('.action-clear'))
        .expect(Selector('button.action-menu').exists, {timeout: 5000}).notOk();
});

test
    .meta('testID', 'photos-008')
    ('Change primary file', async t => {
    await page.openNav();
    await t
        .click(Selector('.nav-browse'))
        .click(Selector('.p-expand-search'));
    await page.search('ski');
    const SequentialPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');

    await t
        .expect(Selector('.input-open').visible).ok()
        .click(Selector('.input-open'))
        .click(Selector('.action-next'))
        .click(Selector('.action-previous'))
        .click(Selector('.action-close'));
    await t
        .click(Selector('button.action-title-edit').withAttribute('data-uid', SequentialPhoto))
        .click(Selector('#tab-files'));
    const FirstFile = await Selector('div.caption').nth(0).innerText;
    await t
        .expect(FirstFile).contains('photos8_1_ski.jpg')
        .click(Selector('li.v-expansion-panel__container').nth(1))
        .click(Selector('.action-primary'))
        .click(Selector('button.action-close'))
        .click(Selector('button.action-title-edit').withAttribute('data-uid', SequentialPhoto));
    const FirstFileAfterChange = await Selector('div.caption').nth(0).innerText;
    await t
        .expect(FirstFileAfterChange).notContains('photos8_1_ski.jpg')
        .expect(FirstFileAfterChange).contains('photos8_2_ski.jpg');
});

test
    .meta('testID', 'photos-009')
    ('Navigate from card view to place', async t => {
    await t.click(Selector('.p-expand-search'));
    await page.setFilter('view', 'Cards');
    await t
        .click(Selector('button.action-location').nth(0))
        .expect(Selector('#map').exists, {timeout: 15000}).ok()
        .expect(Selector('div.p-map-control').visible).ok()
        .expect(Selector('.input-search input').value).notEql('');
});

test
    .meta('testID', 'photos-010')
    ('Ungroup files', async t => {
    await page.openNav();
    await t
        .click(Selector('.nav-browse'))
        .click(Selector('.p-expand-search'));
    await page.search('group');
    const PhotoCount = await Selector('button.action-title-edit', {timeout: 5000}).count;
    const SequentialPhoto = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    await t
        .expect(PhotoCount).eql(1)
        .click(Selector('div.nav-browse + div'))
        .click(Selector('.nav-stacks'))
        .expect(Selector('.input-open').visible).ok()
        .click(Selector('button.action-title-edit').withAttribute('data-uid', SequentialPhoto))
        .click(Selector('#tab-files'))
        .click(Selector('li.v-expansion-panel__container').nth(1))
        .click(Selector('.action-unstack'))
        .wait(12000)
        .click(Selector('button.action-close'))
        .click(Selector('.nav-browse'))
        .click(Selector('.p-expand-search'));
    await page.search('group');
    await t
        .click(Selector('.action-reload'));
    const PhotoCountAfterUngroup = await Selector('button.action-title-edit', {timeout: 5000}).count;
    await t
        .expect(PhotoCountAfterUngroup).eql(2);
});

test
    .meta('testID', 'photos-011')
    ('Delete non primary file', async t => {
    await page.openNav();
    await t
        .click(Selector('.nav-library'))
        .click(Selector('#tab-library-import'))
        .click(Selector('.input-import-folder input'), {timeout: 5000})
        .click(Selector('div.v-list__tile__title').withText('/pizza'))
        .click(Selector('.action-import'))
        .wait(10000)
        .click(Selector('.nav-browse'))
        .click(Selector('.p-expand-search'));
    await page.search('mogale');
    const PhotoCount = await Selector('button.action-title-edit', {timeout: 5000}).count;

    const Photo = await Selector('div.is-photo').nth(0).getAttribute('data-uid');
    await t
        .expect(PhotoCount).eql(1)
        .click(Selector('button.action-title-edit').withAttribute('data-uid', Photo))
        .click(Selector('#tab-files'));
    const FileCount = await Selector('li.v-expansion-panel__container', {timeout: 5000}).count;
    await t
        .expect(FileCount).eql(2)
        .click(Selector('li.v-expansion-panel__container').nth(1))
        .click(Selector('.action-delete'))
        .click(Selector('.action-confirm'))
        .wait(10000);
    const FileCountAfterDeletion = await Selector('li.v-expansion-panel__container', {timeout: 5000}).count;
    await t
        .expect(FileCountAfterDeletion).eql(1);
});