style: 💄 "yarn format" touched files

This commit is contained in:
Susmitha Girumala committed 2020-07-29 16:02:40 -04:00
1 parent c230d6da29
commit ce98b64d20
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
View File
@@ -1 +1 @@
export { default } from 'rose/components/rose/badge';
export { default } from 'rose/components/rose/badge';
+1 -1
View File
@@ -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'));
});