Skip to content

Commit

Permalink
updated integration tests for “link:standalone”
Browse files Browse the repository at this point in the history
  • Loading branch information
@didoo
didoo committed Apr 20, 2022
1 parent b6193ae commit 95f9a5c
Showing 1 changed file with 31 additions and 10 deletions.
41 changes: 31 additions & 10 deletions packages/components/tests/integration/components/hds/link/standalone-test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,13 +11,13 @@ module('Integration | Component | hds/link/standalone', function (hooks) {

test('it renders a link(standalone) with the defined text', async function (assert) {
await render(
hbs`<Hds::Link::Standalone @text="watch video" href="/" @icon="film" />`
hbs`<Hds::Link::Standalone @text="watch video" @href="/" @icon="film" />`
);
assert.dom(this.element).hasText('watch video');
});
test('it should render with a CSS class that matches the component name', async function (assert) {
await render(
hbs`<Hds::Link::Standalone @text="watch video" href="/" @icon="film" id="test-link" />`
hbs`<Hds::Link::Standalone @text="watch video" @href="/" @icon="film" id="test-link" />`
);
assert.dom('#test-link').hasClass('hds-link-standalone');
});
Expand All @@ -26,13 +26,13 @@ module('Integration | Component | hds/link/standalone', function (hooks) {

test('it should render the medium size if no size is declared', async function (assert) {
await render(
hbs`<Hds::Link::Standalone @text="watch video" href="/" @icon="film" id="test-link" />`
hbs`<Hds::Link::Standalone @text="watch video" @href="/" @icon="film" id="test-link" />`
);
assert.dom('#test-link').hasClass('hds-link-standalone--size-medium');
});
test('it should render the correct CSS size class if the @size prop is declared', async function (assert) {
await render(
hbs`<Hds::Link::Standalone @text="watch video" href="/" @icon="film" id="test-link" @size="small" />`
hbs`<Hds::Link::Standalone @text="watch video" @href="/" @icon="film" id="test-link" @size="small" />`
);
assert.dom('#test-link').hasClass('hds-link-standalone--size-small');
});
Expand All @@ -41,27 +41,48 @@ module('Integration | Component | hds/link/standalone', function (hooks) {

test('it should render the icon in the leading position by default', async function (assert) {
await render(
hbs`<Hds::Link::Standalone @text="watch video" href="/" @icon="film" id="test-link" />`
hbs`<Hds::Link::Standalone @text="watch video" @href="/" @icon="film" id="test-link" />`
);
assert.dom('.hds-link-standalone__icon').matchesSelector(':first-child');
});
test('it should render the icon in the trailing position if @iconPosition is set to trailing', async function (assert) {
await render(
hbs`<Hds::Link::Standalone @text="watch video" href="/" @icon="film" @iconPosition="trailing" id="test-link" />`
hbs`<Hds::Link::Standalone @text="watch video" @href="/" @icon="film" @iconPosition="trailing" id="test-link" />`
);
assert.dom('.hds-link-standalone__icon').matchesSelector(':last-child');
});

// TEXT

test('it renders a link with the defined text', async function (assert) {
await render(
hbs`<Hds::Button @text="Copy to clipboard" id="test-toggle-button" />`
);
assert.dom('#test-toggle-button').hasText('Copy to clipboard');
});

// ASSERTIONS

test('it should throw an assertion if both @href and @route are not defined', async function (assert) {
const errorMessage =
'@href or @route must be defined for <Hds::Link::Standalone>';
assert.expect(2);
setupOnerror(function (error) {
assert.strictEqual(error.message, `Assertion Failed: ${errorMessage}`);
});
await render(hbs`<Hds::Link::Standalone @text="watch video" />`);
assert.throws(function () {
throw new Error(errorMessage);
});
});
test('it should throw an assertion if @text is missing/has no value', async function (assert) {
const errorMessage =
'@text for "Hds::Link::Standalone" must have a valid value';
assert.expect(2);
setupOnerror(function (error) {
assert.strictEqual(error.message, `Assertion Failed: ${errorMessage}`);
});
await render(hbs`<Hds::Link::Standalone @icon="film" href="/" />`);
await render(hbs`<Hds::Link::Standalone @icon="film" @href="/" />`);
assert.throws(function () {
throw new Error(errorMessage);
});
Expand All @@ -73,7 +94,7 @@ module('Integration | Component | hds/link/standalone', function (hooks) {
setupOnerror(function (error) {
assert.strictEqual(error.message, `Assertion Failed: ${errorMessage}`);
});
await render(hbs`<Hds::Link::Standalone href="/" @text="watch video" />`);
await render(hbs`<Hds::Link::Standalone @href="/" @text="watch video" />`);
assert.throws(function () {
throw new Error(errorMessage);
});
Expand All @@ -86,7 +107,7 @@ module('Integration | Component | hds/link/standalone', function (hooks) {
assert.strictEqual(error.message, `Assertion Failed: ${errorMessage}`);
});
await render(
hbs`<Hds::Link::Standalone @icon="film" href="/" @text="watch video" @iconPosition="after" />`
hbs`<Hds::Link::Standalone @icon="film" @href="/" @text="watch video" @iconPosition="after" />`
);
assert.throws(function () {
throw new Error(errorMessage);
Expand All @@ -100,7 +121,7 @@ module('Integration | Component | hds/link/standalone', function (hooks) {
assert.strictEqual(error.message, `Assertion Failed: ${errorMessage}`);
});
await render(
hbs`<Hds::Link::Standalone @icon="film" @text="watch video" href="/" @size="tiny" />`
hbs`<Hds::Link::Standalone @icon="film" @text="watch video" @href="/" @size="tiny" />`
);
assert.throws(function () {
throw new Error(errorMessage);
Expand Down

0 comments on commit 95f9a5c

Please sign in to comment.