107 lines
2.6 KiB
JavaScript
107 lines
2.6 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render } from '@ember/test-helpers';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
|
|
module('Integration | Component | templated anchor', function(hooks) {
|
|
setupRenderingTest(hooks);
|
|
[
|
|
{
|
|
href: 'http://localhost/?={{Name}}/{{ID}}',
|
|
vars: {
|
|
Name: 'name',
|
|
ID: 'id',
|
|
},
|
|
result: 'http://localhost/?=name/id',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{Name}}/{{ID}}',
|
|
vars: {
|
|
Name: '{{Name}}',
|
|
ID: '{{ID}}',
|
|
},
|
|
result: 'http://localhost/?=%7B%7BName%7D%7D/%7B%7BID%7D%7D',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{deep.Name}}/{{deep.ID}}',
|
|
vars: {
|
|
deep: {
|
|
Name: '{{Name}}',
|
|
ID: '{{ID}}',
|
|
},
|
|
},
|
|
result: 'http://localhost/?=%7B%7BName%7D%7D/%7B%7BID%7D%7D',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{}}/{{}}',
|
|
vars: {
|
|
Name: 'name',
|
|
ID: 'id',
|
|
},
|
|
// If you don't pass actual variables then nothing
|
|
// gets replaced and nothing is URL encoded
|
|
result: 'http://localhost/?={{}}/{{}}',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{Service_Name}}/{{Meta-Key}}',
|
|
vars: {
|
|
Service_Name: 'name',
|
|
['Meta-Key']: 'id',
|
|
},
|
|
result: 'http://localhost/?=name/id',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{Service_Name}}/{{Meta-Key}}',
|
|
vars: {
|
|
WrongPropertyName: 'name',
|
|
['Meta-Key']: 'id',
|
|
},
|
|
result: 'http://localhost/?=/id',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{.Name}}',
|
|
vars: {
|
|
['.Name']: 'name',
|
|
},
|
|
result: 'http://localhost/?=',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{.}}',
|
|
vars: {
|
|
['.']: 'name',
|
|
},
|
|
result: 'http://localhost/?=',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{deep..Name}}',
|
|
vars: {
|
|
deep: {
|
|
Name: 'Name',
|
|
ID: 'ID',
|
|
},
|
|
},
|
|
result: 'http://localhost/?=',
|
|
},
|
|
{
|
|
href: 'http://localhost/?={{deep.Name}}',
|
|
vars: {
|
|
deep: {
|
|
Name: '#Na/me',
|
|
ID: 'ID',
|
|
},
|
|
},
|
|
result: 'http://localhost/?=%23Na%2Fme',
|
|
},
|
|
].forEach(item => {
|
|
test(`it renders ${item.href}`, async function(assert) {
|
|
this.set('item', item);
|
|
await render(hbs`
|
|
{{#templated-anchor href=item.href vars=item.vars}}
|
|
Dashboard link
|
|
{{/templated-anchor}}
|
|
`);
|
|
assert.equal(this.element.querySelector('a').getAttribute('href'), item.result);
|
|
});
|
|
});
|
|
});
|