style: 💄 "yarn format" touched files
This commit is contained in:
8 files changed
+24
-23
No files matched your search
@@ -3,7 +3,6 @@ import layout from '../../templates/components/rose/dropdown';
|
||||
import { action } from '@ember/object';
|
||||
|
||||
export default Component.extend({
|
||||
|
||||
// =attributes
|
||||
|
||||
layout,
|
||||
@@ -22,5 +21,4 @@ export default Component.extend({
|
||||
close(element) {
|
||||
if (element.open) element.open = false;
|
||||
},
|
||||
|
||||
});
|
||||
@@ -1 +1 @@
|
||||
export { default } from 'rose/components/rose/badge';
|
||||
export { default } from 'rose/components/rose/badge';
|
||||
@@ -1 +1 @@
|
||||
export { default } from 'rose/components/rose/dropdown';
|
||||
export { default } from 'rose/components/rose/dropdown';
|
||||
@@ -1 +1 @@
|
||||
export { default } from 'rose/components/rose/layout/sidebar';
|
||||
export { default } from 'rose/components/rose/layout/sidebar';
|
||||
@@ -3,25 +3,25 @@ import { setupRenderingTest } from 'ember-qunit';
|
||||
import { render, find } from '@ember/test-helpers';
|
||||
import hbs from 'htmlbars-inline-precompile';
|
||||
|
||||
module('Integration | Component | rose/badge', function(hooks) {
|
||||
module('Integration | Component | rose/badge', function (hooks) {
|
||||
setupRenderingTest(hooks);
|
||||
|
||||
test('it renders', async function(assert) {
|
||||
test('it renders', async function (assert) {
|
||||
await render(hbs`<Rose::Badge />`);
|
||||
assert.ok(find('.rose-badge'));
|
||||
});
|
||||
|
||||
test('it renders with content', async function(assert) {
|
||||
test('it renders with content', async function (assert) {
|
||||
await render(hbs`<Rose::Badge>host-catalog-1</Rose::Badge>`);
|
||||
assert.equal(find('.rose-badge').textContent.trim(), 'host-catalog-1');
|
||||
});
|
||||
|
||||
test('it renders an icon using @icon', async function(assert) {
|
||||
test('it renders an icon using @icon', async function (assert) {
|
||||
await render(hbs`<Rose::Badge @icon="chevron-right" />`);
|
||||
assert.ok(find('.rose-icon'));
|
||||
});
|
||||
|
||||
test('it styles content using @style', async function(assert) {
|
||||
test('it styles content using @style', async function (assert) {
|
||||
let styles = [
|
||||
'outline',
|
||||
'dark',
|
||||
@@ -36,7 +36,7 @@ module('Integration | Component | rose/badge', function(hooks) {
|
||||
'success',
|
||||
'success-outline',
|
||||
'warning',
|
||||
'warning-outline'
|
||||
'warning-outline',
|
||||
];
|
||||
|
||||
await render(hbs`<Rose::Badge @style={{this.style}} />`);
|
||||
|
||||
@@ -12,19 +12,14 @@ module('Integration | Component | rose/dropdown', function (hooks) {
|
||||
});
|
||||
|
||||
test('it renders with html attributes', async function (assert) {
|
||||
await render(
|
||||
hbs`<Rose::Dropdown id="custom-id" class="custom-class"/>`
|
||||
);
|
||||
await render(hbs`<Rose::Dropdown id="custom-id" class="custom-class"/>`);
|
||||
assert.ok(find('#custom-id'));
|
||||
assert.ok(find('.custom-class'));
|
||||
});
|
||||
|
||||
test('it renders with trigger', async function (assert) {
|
||||
await render(hbs`<Rose::Dropdown @text="Click me" />`);
|
||||
assert.equal(
|
||||
find('.rose-dropdown-trigger').textContent.trim(),
|
||||
'Click me'
|
||||
);
|
||||
assert.equal(find('.rose-dropdown-trigger').textContent.trim(), 'Click me');
|
||||
});
|
||||
|
||||
test('it supports an icon', async function (assert) {
|
||||
|
||||
@@ -3,7 +3,7 @@ import { setupRenderingTest } from 'ember-qunit';
|
||||
import { render, find } from '@ember/test-helpers';
|
||||
import hbs from 'htmlbars-inline-precompile';
|
||||
|
||||
module('Integration | Component | rose/layout/sidebar', function(hooks) {
|
||||
module('Integration | Component | rose/layout/sidebar', function (hooks) {
|
||||
setupRenderingTest(hooks);
|
||||
|
||||
test('it renders', async function (assert) {
|
||||
|
||||
@@ -19,7 +19,9 @@ module('Integration | Component | rose/link-button', function (hooks) {
|
||||
});
|
||||
|
||||
test('it renders with content', async function (assert) {
|
||||
await render(hbs`<Rose::LinkButton @route="index">Link button content</Rose::LinkButton>`);
|
||||
await render(
|
||||
hbs`<Rose::LinkButton @route="index">Link button content</Rose::LinkButton>`
|
||||
);
|
||||
assert.ok(
|
||||
find('.rose-link-button').textContent.trim(),
|
||||
'Link button content'
|
||||
@@ -32,19 +34,25 @@ module('Integration | Component | rose/link-button', function (hooks) {
|
||||
});
|
||||
|
||||
test('it supports left icon with @iconLeft', async function (assert) {
|
||||
await render(hbs`<Rose::LinkButton @route="index" @iconLeft="chevron-left" />`);
|
||||
await render(
|
||||
hbs`<Rose::LinkButton @route="index" @iconLeft="chevron-left" />`
|
||||
);
|
||||
assert.ok(find('.rose-icon'));
|
||||
assert.ok(find('.has-icon-left'));
|
||||
});
|
||||
|
||||
test('it supports left icon with @iconRight', async function (assert) {
|
||||
await render(hbs`<Rose::LinkButton @route="index" @iconRight="chevron-right" />`);
|
||||
await render(
|
||||
hbs`<Rose::LinkButton @route="index" @iconRight="chevron-right" />`
|
||||
);
|
||||
assert.ok(find('.rose-icon'));
|
||||
assert.ok(find('.has-icon-right'));
|
||||
});
|
||||
|
||||
test('it supports only icon with @iconOnly', async function (assert) {
|
||||
await render(hbs`<Rose::LinkButton @route="index" @iconOnly="help-circle-outline" />`);
|
||||
await render(
|
||||
hbs`<Rose::LinkButton @route="index" @iconOnly="help-circle-outline" />`
|
||||
);
|
||||
assert.ok(find('.rose-icon'));
|
||||
assert.ok(find('.has-icon-only'));
|
||||
});
|
||||
|
||||
Reference in new issue
Block a user