test('the message is shown, but is waiting for a confirmation', async function(assert) {
              const messages = chat.messages.all();
              const confirmations = chat.messages.confirmationsFor(messages[0]);
              const loader = chat.messages.loaderFor(messages[0]);
              const text = confirmations.map(c => c.innerHTML).join();

              assert.ok(loader, 'a loader is rendererd');
              assert.notOk(text.includes('could not be delivered'), 'no message is rendered yet');

              percySnapshot(assert as any);

              await settled();
            });

test('wait helpers', async (assert) => {
    await render(hbs`<div class="message">Hello</div>`);

    await waitFor('.message', { count: 1, timeout: 10, timeoutMessage: 'uh oh' });
    await waitUntil(() => 'hello', { timeout: 1000, timeoutMessage: 'boom' });

    await settled();
    assert.ok(isSettled());

    const {
        hasPendingRequests,
        hasPendingTimers,
        hasPendingWaiters,
        hasRunLoop,
        pendingRequestCount
    } = getSettledState();
});

 hooks.beforeEach(async function() {
   await page.channels.form.fill('Vertical Flat Plates');
   await page.channels.form.submit();
   await settled();
 });

 hooks.beforeEach(async function() {
   await contacts.rows.removeAt(1);
   await settled();
 });

 hooks.beforeEach(async function() {
   await settled();
 });