test('an error message appears', function(assert) {
          const text = app.toastText();
          const expected = 'There was a problem logging in...';

          assert.contains(text, expected);
          percySnapshot(assert as any);
        });

 hooks.beforeEach(async function() {
   // loginForm.submit must not be awaited because it
   // calls an ember-concurrency task which will
   // also be awaited and not allow us to test the
   // side-effects
   loginForm.submit();
   await app.waitForToast();
 });

      test('a message is displayed', async function(assert) {
        await waitFor(app.selectors.toast);

        const toastText = app.toast()!.textContent;

        assert.ok(
          toastText!.match(/not be located/),
          'toast is displayed saying the user is not found'
        );

        percySnapshot(assert as any);
      });

 test('a toast is displayed', function(assert) {
   assert.ok(app.toastText()!.match(/a test message/));
 });

        skip('confirmation is display', function(assert) {
          const text = app.toast()!.textContent!;

          assert.ok(text.includes('Identity Updated'));
        });

        test('the top of the page is visible', function(assert) {
          const position = app.scrollContainer().scrollTop;

          assert.equal(position, 0, 'the scroll container is at the top');
        });

 hooks.afterEach(function() {
   (app.scrollContainer()!.style as any) = '';
 });