import { composeButton, getNthStatus, scrollToStatus, scrollToTopOfTimeline, modalDialog, sleep, showMoreButton, scrollContainerToTop } from '../utils' import { foobarRole } from '../roles' import { Selector as $ } from 'testcafe' fixture`108-compose-dialog.js` .page`http://localhost:4002` test('can compose using a dialog', async t => { await t.useRole(foobarRole) await scrollToStatus(t, 20) await t.expect(modalDialog.exists).notOk() .expect(composeButton.getAttribute('aria-label')).eql('Compose') await sleep(2000) await t.click(composeButton) .expect(modalDialog.hasAttribute('aria-hidden')).notOk() .typeText(modalDialog.find('.compose-box-input'), 'hello from the modal') .click(modalDialog.find('.compose-box-button-compose')) .expect(modalDialog.exists).notOk() await sleep(10000) await scrollToTopOfTimeline(t) await t.hover(getNthStatus(0)) await scrollContainerToTop() await t .expect(showMoreButton.innerText).contains('Show 1 more') .click(showMoreButton) await t.expect(getNthStatus(0).innerText).contains('hello from the modal', {timeout: 20000}) }) test('can use emoji dialog within compose dialog', async t => { await t.useRole(foobarRole) await scrollToStatus(t, 20) await t.expect(composeButton.getAttribute('aria-label')).eql('Compose') await sleep(2000) await t.click(composeButton) .click(modalDialog.find('.compose-box-toolbar button:nth-child(1)')) .click($('button img[title=":blobpats:"]')) .expect(modalDialog.find('.compose-box-input').value).eql(':blobpats: ') .click(modalDialog.find('.compose-box-button-compose')) .expect(modalDialog.exists).notOk() await sleep(10000) await scrollToTopOfTimeline(t) await t.hover(getNthStatus(0)) await scrollContainerToTop() await t .expect(showMoreButton.innerText).contains('Show 1 more') .click(showMoreButton) await t.expect(getNthStatus(0).find('img[alt=":blobpats:"]').exists).ok({timeout: 20000}) })