- {{#link-to route='about' replace=true target='_blank'}}
- About
- {{/link-to}}
-
- `
- );
-
- this.router.map(function () {
- this.route('about');
- });
-
- await expectDeprecationAsync(
- () => this.visit('/'),
- /Passing the `@target` argument to is deprecated\./,
- EMBER_MODERNIZED_BUILT_IN_COMPONENTS
- );
-
- await this.click('#about-link > a');
-
- assert.notEqual(
- this.appRouter.currentRouteName,
- 'about',
- 'link-to should not transition if target is not equal to _self or empty'
- );
- }
-
- async [`@test it accepts string/numeric arguments`](assert) {
- this.router.map(function () {
- this.route('filter', { path: '/filters/:filter' });
- this.route('post', { path: '/post/:post_id' });
- this.route('repo', { path: '/repo/:owner/:name' });
- });
-
- this.add(
- 'controller:filter',
- class extends Controller {
- filter = 'unpopular';
- repo = { owner: 'ember', name: 'ember.js' };
- post_id = 123;
- }
- );
-
- this.addTemplate(
- 'filter',
- `
- {{this.filter}}
- {{#link-to route="filter" model="unpopular"}}Unpopular{{/link-to}}
- {{#link-to route="filter" model=this.filter}}Unpopular{{/link-to}}
- {{#link-to route="post" model=this.post_id}}Post{{/link-to}}
- {{#link-to route="post" model=123}}Post{{/link-to}}
- {{#link-to route="repo" model=this.repo}}Repo{{/link-to}}
- `
- );
-
- await this.visit('/filters/popular');
-
- assert.equal(normalizeUrl(this.$('#link > a').attr('href')), '/filters/unpopular');
- assert.equal(normalizeUrl(this.$('#path-link > a').attr('href')), '/filters/unpopular');
- assert.equal(normalizeUrl(this.$('#post-path-link > a').attr('href')), '/post/123');
- assert.equal(normalizeUrl(this.$('#post-number-link > a').attr('href')), '/post/123');
- assert.equal(
- normalizeUrl(this.$('#repo-object-link > a').attr('href')),
- '/repo/ember/ember.js'
- );
- }
-
- async [`@test [GH#4201] Shorthand for route.index shouldn't throw errors about context arguments`](
- assert
- ) {
- this.router.map(function () {
- this.route('lobby', function () {
- this.route('index', { path: ':lobby_id' });
- this.route('list');
- });
- });
-
- this.add(
- 'route:lobby.index',
- class extends Route {
- model(params) {
- assert.equal(params.lobby_id, 'foobar');
- return params.lobby_id;
- }
- }
- );
-
- this.addTemplate(
- 'lobby.index',
- `{{#link-to route='lobby' model='foobar'}}Lobby{{/link-to}}
`
- );
-
- this.addTemplate(
- 'lobby.list',
- `{{#link-to route='lobby' model='foobar'}}Lobby{{/link-to}}
`
- );
-
- await this.visit('/lobby/list');
-
- await this.click('#lobby-link > a');
-
- shouldBeActive(assert, this.$('#lobby-link > a'));
- }
-
- async [`@test Quoteless route param performs property lookup`](assert) {
- this.router.map(function () {
- this.route('about');
- });
-
- this.addTemplate(
- 'index',
- `
- {{#link-to route='index'}}string{{/link-to}}
- {{#link-to route=this.foo}}path{{/link-to}}
- `
- );
-
- let controller;
-
- this.add(
- 'controller:index',
- class extends Controller {
- constructor(...args) {
- super(...args);
- controller = this;
- }
-
- foo = 'index';
- }
- );
-
- let assertEquality = (href) => {
- assert.equal(normalizeUrl(this.$('#string-link > a').attr('href')), '/');
- assert.equal(normalizeUrl(this.$('#path-link > a').attr('href')), href);
- };
-
- await this.visit('/');
-
- assertEquality('/');
-
- runTask(() => controller.set('foo', 'about'));
-
- assertEquality('/about');
- }
-
- async [`@test it refreshes href element when one of params changes`](assert) {
+ async [`@test it refreshes href element when one of params changes`](assert) {
this.router.map(function () {
this.route('post', { path: '/posts/:post_id' });
});
@@ -2065,274 +1587,6 @@ moduleFor(
linksEqual(this.$('a'), ['/bar', '/rar', '/bar', '/rar', '/rar', '/foo']);
}
- async [`@test [DEPRECATED] The non-block form {{link-to}} component moves into the named route`](
- assert
- ) {
- this.router.map(function () {
- this.route('contact');
- });
-
- expectDeprecation(() => {
- this.addTemplate(
- 'index',
- `
- Home
- {{link-to 'Contact us' 'contact'}}
- {{#link-to route='index'}}Self{{/link-to}}
- `
- );
- }, /Invoking the `` component with positional arguments is deprecated/);
-
- expectDeprecation(() => {
- this.addTemplate(
- 'contact',
- `
-
- {{link-to 'Home' 'index'}}
- {{link-to 'Self' 'contact'}}
- `
- );
- }, /Invoking the `` component with positional arguments is deprecated/);
-
- await this.visit('/');
-
- await this.click('#contact-link > a');
-
- assert.equal(this.$('h3.contact').length, 1, 'The contact template was rendered');
- assert.equal(
- this.$('#self-link > a.active').length,
- 1,
- 'The self-link was rendered with active class'
- );
- assert.equal(
- this.$('#home-link > a:not(.active)').length,
- 1,
- 'The other link was rendered without active class'
- );
- }
-
- async [`@test [DEPRECATED] The non-block form {{link-to}} component updates the link text when it is a binding`](
- assert
- ) {
- this.router.map(function () {
- this.route('contact');
- });
-
- let controller;
-
- this.add(
- 'controller:index',
- class extends Controller {
- constructor(...args) {
- super(...args);
- controller = this;
- }
-
- contactName = 'Jane';
- }
- );
-
- expectDeprecation(() => {
- this.addTemplate(
- 'index',
- `
- Home
- {{link-to this.contactName 'contact'}}
- {{#link-to route='index'}}Self{{/link-to}}
- `
- );
- }, /Invoking the `` component with positional arguments is deprecated/);
-
- expectDeprecation(() => {
- this.addTemplate(
- 'contact',
- `
-
- {{link-to 'Home' 'index'}}
- {{link-to 'Self' 'contact'}}
- `
- );
- }, /Invoking the `` component with positional arguments is deprecated/);
-
- await this.visit('/');
-
- assert.equal(
- this.$('#contact-link > a').text(),
- 'Jane',
- 'The link title is correctly resolved'
- );
-
- runTask(() => controller.set('contactName', 'Joe'));
-
- assert.equal(
- this.$('#contact-link > a').text(),
- 'Joe',
- 'The link title is correctly updated when the bound property changes'
- );
-
- runTask(() => controller.set('contactName', 'Robert'));
-
- assert.equal(
- this.$('#contact-link > a').text(),
- 'Robert',
- 'The link title is correctly updated when the bound property changes a second time'
- );
-
- await this.click('#contact-link > a');
-
- assert.equal(this.$('h3.contact').length, 1, 'The contact template was rendered');
- assert.equal(
- this.$('#self-link > a.active').length,
- 1,
- 'The self-link was rendered with active class'
- );
- assert.equal(
- this.$('#home-link > a:not(.active)').length,
- 1,
- 'The other link was rendered without active class'
- );
-
- await this.click('#home-link > a');
-
- assert.equal(this.$('h3.home').length, 1, 'The index template was rendered');
- assert.equal(
- this.$('#contact-link > a').text(),
- 'Robert',
- 'The link title is correctly updated when the route changes'
- );
- }
-
- async [`@test [DEPRECATED] The non-block form {{link-to}} component moves into the named route with context`](
- assert
- ) {
- this.router.map(function () {
- this.route('item', { path: '/item/:id' });
- });
-
- this.add(
- 'route:index',
- class extends Route {
- model() {
- return [
- { id: 'yehuda', name: 'Yehuda Katz' },
- { id: 'tom', name: 'Tom Dale' },
- { id: 'erik', name: 'Erik Brynroflsson' },
- ];
- }
- }
- );
-
- expectDeprecation(() => {
- this.addTemplate(
- 'index',
- `
- Home
-
- {{#each @model as |person|}}
- -
- {{link-to person.name 'item' person}}
-
- {{/each}}
-
- `
- );
- }, /Invoking the `` component with positional arguments is deprecated/);
-
- this.addTemplate(
- 'item',
- `
- Item
- {{@model.name}}
- {{#link-to route='index'}}Home{{/link-to}}
- `
- );
-
- await this.visit('/');
-
- await this.click('#yehuda > a');
-
- assert.equal(this.$('h3.item').length, 1, 'The item template was rendered');
- assert.equal(this.$('p').text(), 'Yehuda Katz', 'The name is correct');
-
- await this.click('#home-link > a');
-
- assert.equal(normalizeUrl(this.$('li#yehuda > a').attr('href')), '/item/yehuda');
- assert.equal(normalizeUrl(this.$('li#tom > a').attr('href')), '/item/tom');
- assert.equal(normalizeUrl(this.$('li#erik > a').attr('href')), '/item/erik');
- }
-
- async [`@test [DEPRECATED] The non-block form {{link-to}} performs property lookup`](assert) {
- this.router.map(function () {
- this.route('about');
- });
-
- expectDeprecation(() => {
- this.addTemplate(
- 'index',
- `
- {{link-to 'string' 'index'}}
- {{link-to this.path this.foo}}
- `
- );
- }, /Invoking the `` component with positional arguments is deprecated/);
-
- let controller;
-
- this.add(
- 'controller:index',
- class extends Controller {
- constructor(...args) {
- super(...args);
- controller = this;
- }
-
- foo = 'index';
- }
- );
-
- await this.visit('/');
-
- let assertEquality = (href) => {
- assert.equal(normalizeUrl(this.$('#string-link > a').attr('href')), '/');
- assert.equal(normalizeUrl(this.$('#path-link > a').attr('href')), href);
- };
-
- assertEquality('/');
-
- runTask(() => controller.set('foo', 'about'));
-
- assertEquality('/about');
- }
-
- async [`@test [DEPRECATED] The non-block form {{link-to}} protects against XSS`](assert) {
- expectDeprecation(() => {
- this.addTemplate('application', `{{link-to this.display 'index'}}
`);
- }, /Invoking the `` component with positional arguments is deprecated/);
-
- let controller;
-
- this.add(
- 'controller:application',
- class extends Controller {
- constructor(...args) {
- super(...args);
- controller = this;
- }
-
- display = 'blahzorz';
- }
- );
-
- await this.visit('/');
-
- assert.equal(this.$('#link > a').text(), 'blahzorz');
-
- runTask(() => controller.set('display', 'BLAMMO'));
-
- assert.equal(this.$('#link > a').text(), 'BLAMMO');
- assert.strictEqual(this.$('b').length, 0);
- }
-
async [`@test it throws a useful error if you invoke it wrong`](assert) {
if (!DEBUG) {
assert.expect(0);
@@ -2507,46 +1761,6 @@ moduleFor(
);
}
- async [`@test [DEPRECATED] it updates when route changes with only query-params but without a block`](
- assert
- ) {
- this.router.map(function () {
- this.route('about');
- });
-
- this.add(
- 'controller:application',
- Controller.extend({
- queryParams: ['foo', 'bar'],
- foo: '123',
- bar: 'yes',
- })
- );
-
- expectDeprecation(() => {
- this.addTemplate(
- 'application',
- `{{link-to "Index" (query-params foo='456' bar='NAW')}}
`
- );
- }, /Invoking the `` component with positional arguments is deprecated/);
-
- await this.visit('/');
-
- assert.equal(
- this.$('#the-link > a').attr('href'),
- '/?bar=NAW&foo=456',
- 'link has right href'
- );
-
- await this.visit('/about');
-
- assert.equal(
- this.$('#the-link > a').attr('href'),
- '/about?bar=NAW&foo=456',
- 'link has right href'
- );
- }
-
async ['@test [GH#17018] passing model to {{link-to}} with `hash` helper works']() {
this.router.map(function () {
this.route('post', { path: '/posts/:post_id' });
@@ -2583,51 +1797,6 @@ moduleFor(
this.assertText('Post: Papa Smurf');
}
- async [`@test [DEPRECATED] The {{link-to}} component can use dynamic params`](assert) {
- this.router.map(function () {
- this.route('foo', { path: 'foo/:some/:thing' });
- this.route('bar', { path: 'bar/:some/:thing/:else' });
- });
-
- let controller;
-
- this.add(
- 'controller:index',
- class extends Controller {
- constructor(...args) {
- super(...args);
- controller = this;
- }
-
- dynamicLinkParams = ['foo', 'one', 'two'];
- }
- );
-
- this.addTemplate(
- 'index',
- `
- Home
- {{#link-to params=this.dynamicLinkParams}}Dynamic{{/link-to}}
- `
- );
-
- await expectDeprecationAsync(
- () => this.visit('/'),
- /Invoking the `` component with positional arguments is deprecated/
- );
-
- let link = this.$('#dynamic-link > a');
-
- assert.equal(link.attr('href'), '/foo/one/two');
-
- expectDeprecation(
- () => runTask(() => controller.set('dynamicLinkParams', ['bar', 'one', 'two', 'three'])),
- /Invoking the `` component with positional arguments is deprecated/
- );
-
- assert.equal(link.attr('href'), '/bar/one/two/three');
- }
-
async [`@test [GH#13256]: {{link-to}} to a parent root model hook which performs a 'transitionTo' has correct active class`](
assert
) {
diff --git a/packages/@ember/-internals/glimmer/tests/integration/components/link-to/transitioning-classes-angle-test.js b/packages/@ember/-internals/glimmer/tests/integration/components/link-to/transitioning-classes-angle-test.js
index 03395293b97..53c7f32cf8f 100644
--- a/packages/@ember/-internals/glimmer/tests/integration/components/link-to/transitioning-classes-angle-test.js
+++ b/packages/@ember/-internals/glimmer/tests/integration/components/link-to/transitioning-classes-angle-test.js
@@ -1,6 +1,5 @@
import { RSVP } from '@ember/-internals/runtime';
import { Route } from '@ember/-internals/routing';
-import { EMBER_MODERNIZED_BUILT_IN_COMPONENTS } from '@ember/canary-features';
import { moduleFor, ApplicationTestCase, runTask } from 'internal-test-helpers';
function assertHasClass(assert, selector, label) {
@@ -151,198 +150,3 @@ moduleFor(
}
}
);
-
-moduleFor(
- ` component: [DEPRECATED] .transitioning-in .transitioning-out CSS classes - nested link-to's`,
- class extends ApplicationTestCase {
- constructor(...args) {
- super(...args);
-
- this.aboutDefer = RSVP.defer();
- this.otherDefer = RSVP.defer();
- let _this = this;
-
- this.router.map(function () {
- this.route('parent-route', function () {
- this.route('about');
- this.route('other');
- });
- });
- this.add(
- 'route:parent-route.about',
- class extends Route {
- model() {
- return _this.aboutDefer.promise;
- }
- }
- );
-
- this.add(
- 'route:parent-route.other',
- class extends Route {
- model() {
- return _this.otherDefer.promise;
- }
- }
- );
-
- this.addTemplate(
- 'application',
- `
- {{outlet}}
-
- Index
-
-
- About
-
-
- Other
-
- `
- );
- }
-
- async beforeEach() {
- return expectDeprecationAsync(
- () => this.visit('/'),
- /Passing the `@tagName` argument to is deprecated\./,
- EMBER_MODERNIZED_BUILT_IN_COMPONENTS
- );
- }
-
- resolveAbout() {
- return runTask(() => {
- this.aboutDefer.resolve();
- this.aboutDefer = RSVP.defer();
- });
- }
-
- resolveOther() {
- return runTask(() => {
- this.otherDefer.resolve();
- this.otherDefer = RSVP.defer();
- });
- }
-
- teardown() {
- super.teardown();
- this.aboutDefer = null;
- this.otherDefer = null;
- }
-
- [`@test while a transition is underway with nested link-to's`](assert) {
- // TODO undo changes to this test but currently this test navigates away if navigation
- // outlet is not stable and the second $about.click() is triggered.
- let $about = this.$('#about-link');
-
- runTask(() => $about.click());
-
- let $index = this.$('#index-link');
- $about = this.$('#about-link');
- let $other = this.$('#other-link');
-
- assertHasClass(assert, $index, 'active');
- assertHasNoClass(assert, $about, 'active');
- assertHasNoClass(assert, $about, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
-
- this.resolveAbout();
-
- $index = this.$('#index-link');
- $about = this.$('#about-link');
- $other = this.$('#other-link');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasClass(assert, $about, 'active');
- assertHasNoClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasNoClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
-
- runTask(() => $other.click());
-
- $index = this.$('#index-link');
- $about = this.$('#about-link');
- $other = this.$('#other-link');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasClass(assert, $about, 'active');
- assertHasNoClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasNoClass(assert, $about, 'ember-transitioning-in');
- assertHasClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
-
- this.resolveOther();
-
- $index = this.$('#index-link');
- $about = this.$('#about-link');
- $other = this.$('#other-link');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasNoClass(assert, $about, 'active');
- assertHasClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasNoClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
-
- runTask(() => $about.click());
-
- $index = this.$('#index-link');
- $about = this.$('#about-link');
- $other = this.$('#other-link');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasNoClass(assert, $about, 'active');
- assertHasClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasClass(assert, $other, 'ember-transitioning-out');
-
- this.resolveAbout();
-
- $index = this.$('#index-link');
- $about = this.$('#about-link');
- $other = this.$('#other-link');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasClass(assert, $about, 'active');
- assertHasNoClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasNoClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
- }
- }
-);
diff --git a/packages/@ember/-internals/glimmer/tests/integration/components/link-to/transitioning-classes-curly-test.js b/packages/@ember/-internals/glimmer/tests/integration/components/link-to/transitioning-classes-curly-test.js
index 8724c4ee335..75d54006ec5 100644
--- a/packages/@ember/-internals/glimmer/tests/integration/components/link-to/transitioning-classes-curly-test.js
+++ b/packages/@ember/-internals/glimmer/tests/integration/components/link-to/transitioning-classes-curly-test.js
@@ -1,6 +1,5 @@
import { RSVP } from '@ember/-internals/runtime';
import { Route } from '@ember/-internals/routing';
-import { EMBER_MODERNIZED_BUILT_IN_COMPONENTS } from '@ember/canary-features';
import { moduleFor, ApplicationTestCase, runTask } from 'internal-test-helpers';
function assertHasClass(assert, selector, label) {
@@ -151,198 +150,3 @@ moduleFor(
}
}
);
-
-moduleFor(
- `{{link-to}} component: [DEPRECATED] .transitioning-in .transitioning-out CSS classes - nested link-to's`,
- class extends ApplicationTestCase {
- constructor(...args) {
- super(...args);
-
- this.aboutDefer = RSVP.defer();
- this.otherDefer = RSVP.defer();
- let _this = this;
-
- this.router.map(function () {
- this.route('parent-route', function () {
- this.route('about');
- this.route('other');
- });
- });
- this.add(
- 'route:parent-route.about',
- class extends Route {
- model() {
- return _this.aboutDefer.promise;
- }
- }
- );
-
- this.add(
- 'route:parent-route.other',
- class extends Route {
- model() {
- return _this.otherDefer.promise;
- }
- }
- );
-
- this.addTemplate(
- 'application',
- `
- {{outlet}}
- {{#link-to route='index' tagName='li'}}
- {{#link-to route='index'}}Index{{/link-to}}
- {{/link-to}}
- {{#link-to route='parent-route.about' tagName='li'}}
- {{#link-to route='parent-route.about'}}About{{/link-to}}
- {{/link-to}}
- {{#link-to route='parent-route.other' tagName='li'}}
- {{#link-to route='parent-route.other'}}Other{{/link-to}}
- {{/link-to}}
- `
- );
- }
-
- async beforeEach() {
- return expectDeprecationAsync(
- () => this.visit('/'),
- /Passing the `@tagName` argument to is deprecated\./,
- EMBER_MODERNIZED_BUILT_IN_COMPONENTS
- );
- }
-
- resolveAbout() {
- return runTask(() => {
- this.aboutDefer.resolve();
- this.aboutDefer = RSVP.defer();
- });
- }
-
- resolveOther() {
- return runTask(() => {
- this.otherDefer.resolve();
- this.otherDefer = RSVP.defer();
- });
- }
-
- teardown() {
- super.teardown();
- this.aboutDefer = null;
- this.otherDefer = null;
- }
-
- [`@test while a transition is underway with nested link-to's`](assert) {
- // TODO undo changes to this test but currently this test navigates away if navigation
- // outlet is not stable and the second $about.click() is triggered.
- let $about = this.$('#about-link > a');
-
- runTask(() => $about.click());
-
- let $index = this.$('#index-link > a');
- $about = this.$('#about-link > a');
- let $other = this.$('#other-link > a');
-
- assertHasClass(assert, $index, 'active');
- assertHasNoClass(assert, $about, 'active');
- assertHasNoClass(assert, $about, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
-
- this.resolveAbout();
-
- $index = this.$('#index-link > a');
- $about = this.$('#about-link > a');
- $other = this.$('#other-link > a');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasClass(assert, $about, 'active');
- assertHasNoClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasNoClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
-
- runTask(() => $other.click());
-
- $index = this.$('#index-link > a');
- $about = this.$('#about-link > a');
- $other = this.$('#other-link > a');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasClass(assert, $about, 'active');
- assertHasNoClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasNoClass(assert, $about, 'ember-transitioning-in');
- assertHasClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
-
- this.resolveOther();
-
- $index = this.$('#index-link > a');
- $about = this.$('#about-link > a');
- $other = this.$('#other-link > a');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasNoClass(assert, $about, 'active');
- assertHasClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasNoClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
-
- runTask(() => $about.click());
-
- $index = this.$('#index-link > a');
- $about = this.$('#about-link > a');
- $other = this.$('#other-link > a');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasNoClass(assert, $about, 'active');
- assertHasClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasClass(assert, $other, 'ember-transitioning-out');
-
- this.resolveAbout();
-
- $index = this.$('#index-link > a');
- $about = this.$('#about-link > a');
- $other = this.$('#other-link > a');
-
- assertHasNoClass(assert, $index, 'active');
- assertHasClass(assert, $about, 'active');
- assertHasNoClass(assert, $other, 'active');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-in');
- assertHasNoClass(assert, $about, 'ember-transitioning-in');
- assertHasNoClass(assert, $other, 'ember-transitioning-in');
-
- assertHasNoClass(assert, $index, 'ember-transitioning-out');
- assertHasNoClass(assert, $about, 'ember-transitioning-out');
- assertHasNoClass(assert, $other, 'ember-transitioning-out');
- }
- }
-);
diff --git a/packages/@ember/-internals/glimmer/tests/integration/components/strict-mode-test.js b/packages/@ember/-internals/glimmer/tests/integration/components/strict-mode-test.js
index 888c33cd088..d5ec1bc4047 100644
--- a/packages/@ember/-internals/glimmer/tests/integration/components/strict-mode-test.js
+++ b/packages/@ember/-internals/glimmer/tests/integration/components/strict-mode-test.js
@@ -8,7 +8,7 @@ import {
} from 'internal-test-helpers';
import { EMBER_STRICT_MODE } from '@ember/canary-features';
-import { Input, LinkComponent as LinkTo, TextArea } from '@ember/-internals/glimmer';
+import { Input, LinkTo, Textarea } from '@ember/-internals/glimmer';
import { hash, array, concat, get, on, fn } from '@glimmer/runtime';
import GlimmerishComponent from '../../utils/glimmerish-component';
@@ -178,8 +178,8 @@ if (EMBER_STRICT_MODE) {
this.assertStableRerender();
}
- '@test Can use TextArea'() {
- let Foo = defineComponent({ TextArea }, '');
+ '@test Can use Textarea'() {
+ let Foo = defineComponent({ Textarea }, '');
this.registerComponent('foo', { ComponentClass: Foo });
@@ -274,7 +274,7 @@ if (EMBER_STRICT_MODE) {
return this.visit('/').then(() => {
this.assertComponentElement(this.firstChild, {
tagName: 'a',
- attrs: { href: '/', class: 'active ember-view' },
+ attrs: { href: '/', class: 'ember-view active' },
content: 'Index',
});
});
diff --git a/packages/@ember/-internals/glimmer/tests/integration/components/textarea-angle-test.js b/packages/@ember/-internals/glimmer/tests/integration/components/textarea-angle-test.js
index bf528bd57d4..8969d9507ce 100644
--- a/packages/@ember/-internals/glimmer/tests/integration/components/textarea-angle-test.js
+++ b/packages/@ember/-internals/glimmer/tests/integration/components/textarea-angle-test.js
@@ -1,7 +1,5 @@
import { RenderingTestCase, moduleFor, classes, applyMixins, runTask } from 'internal-test-helpers';
-import { EMBER_MODERNIZED_BUILT_IN_COMPONENTS } from '@ember/canary-features';
-import { action } from '@ember/object';
import { set } from '@ember/-internals/metal';
class TextAreaRenderingTest extends RenderingTestCase {
@@ -31,7 +29,7 @@ class BoundTextAreaAttributes {
this.cases = cases;
}
- generate({ attribute, argument = attribute, first, second }) {
+ generate({ attribute, first, second }) {
return {
[`@test ${attribute} (HTML attribute)`]() {
this.render(``, {
@@ -47,35 +45,6 @@ class BoundTextAreaAttributes {
runTask(() => set(this.context, 'value', first));
this.assertTextArea({ attrs: { [attribute]: first } });
},
-
- [`@test [DEPRECATED] @${argument} (named argument)`]() {
- let deprecation = new RegExp(
- `Passing the \`@${argument}\` argument to