add a test for progress-bar transition aborted

Author: mansona

tests/acceptance/progress-bar-test.js

@@ -0,0 +1,21 @@
+import { module, test } from 'qunit';
+import { visit, currentURL, click } from '@ember/test-helpers';
+import { setupApplicationTest } from 'ember-qunit';
+
+module('Acceptance | progress bar', function (hooks) {
+  setupApplicationTest(hooks);
+
+  test('progress bar should not causea a transition abort error', async function (assert) {
+    await visit('/');
+
+    await click('[data-test-basic-route]');
+
+    assert.equal(currentURL(), '/fancy');
+
+    await visit('/');
+
+    await click('[data-test-slow-route]');
+
+    assert.equal(currentURL(), '/fancy');
+  });
+});

tests/dummy/app/router.js

@@ -6,4 +6,8 @@ export default class Router extends EmberRouter {
   rootURL = config.rootURL;
 }
 
-Router.map(function () {});
+Router.map(function () {
+  this.route('basicy');
+  this.route('slow');
+  this.route('fancy');
+});

tests/dummy/app/routes/basicy.js

@@ -0,0 +1,9 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class BasicRoute extends Route {
+  @service router;
+  model() {
+    return this.router.transitionTo('fancy');
+  }
+}

tests/dummy/app/routes/fancy.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class FancyRoute extends Route {}

tests/dummy/app/routes/slow.js

@@ -0,0 +1,11 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+import { timeout } from 'ember-concurrency';
+
+export default class BasicRoute extends Route {
+  @service router;
+  async model() {
+    await timeout(2000);
+    return this.router.transitionTo('fancy');
+  }
+}

tests/dummy/app/templates/application.hbs

@@ -0,0 +1,3 @@
+<EsProgressBar />
+
+{{outlet}}

tests/dummy/app/templates/basicy.hbs

@@ -0,0 +1,4 @@
+{{page-title "Basic"}}
+
+<h1>Basicy</h1>
+{{outlet}}

tests/dummy/app/templates/fancy.hbs

@@ -0,0 +1,3 @@
+{{page-title "Fancy"}}
+<h1>Fancy</h1>
+{{outlet}}

tests/dummy/app/templates/index.hbs

@@ -0,0 +1,2 @@
+<LinkTo @route="basicy" data-test-basic-route>Go to my basic route</LinkTo>
+<LinkTo @route="slow" data-test-slow-route>Go to my slow route</LinkTo>

tests/dummy/app/templates/slow.hbs

@@ -0,0 +1,4 @@
+{{page-title "Basic"}}
+
+<h1>Slow</h1>
+{{outlet}}