gaiety/sortable-recipes
1
0
Fork 0
Code Activity

Tests

Browse source
This commit is contained in:
Ava Wroten 2020-03-05 10:27:38 -06:00
parent d30bf89db3
commit d70d86e940
2 changed files with 7 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ember-ui/app/components/sortable-item-accessible.hbs
View file

@ -6,7 +6,8 @@
{{on 'blur' @handleBlur}}
data-action-up
role="button"
class="text-gray-800 outline-none absolute left-0 top-0 p-2 m-4 bg-white rounded-lg border-2 border-gray-800 focus:border-teal-400 shadow-sm">
class="text-gray-800 outline-none absolute left-0 top-0 p-2 m-4 bg-white rounded-lg border-2 border-gray-800 focus:border-teal-400 shadow-sm"
data-test-id='sort-down'>
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.677 18.52c.914 1.523-.183 3.472-1.967 3.472h-19.414c-1.784 0-2.881-1.949-1.967-3.472l9.709-16.18c.891-1.483 3.041-1.48 3.93 0l9.709 16.18z"/></svg>
</button>
<button
@ -14,7 +15,8 @@
{{on 'blur' @handleBlur}}
data-action-down
role="button"
class="transform rotate-180 text-gray-800 outline-none absolute left-0 bottom-0 p-2 m-4 bg-white rounded-lg border-2 border-gray-800 focus:border-teal-400 shadow-sm">
class="transform rotate-180 text-gray-800 outline-none absolute left-0 bottom-0 p-2 m-4 bg-white rounded-lg border-2 border-gray-800 focus:border-teal-400 shadow-sm"
data-test-id='sort-up'>
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.677 18.52c.914 1.523-.183 3.472-1.967 3.472h-19.414c-1.784 0-2.881-1.949-1.967-3.472l9.709-16.18c.891-1.483 3.041-1.48 3.93 0l9.709 16.18z"/></svg>
</button>
{{/if}}

14
ember-ui/tests/integration/components/sortable-item-accessible-test.js
View file

@ -6,21 +6,13 @@ import { hbs } from 'ember-cli-htmlbars';
module('Integration | Component | sortable-item-accessible', function(hooks) {
setupRenderingTest(hooks);
test('it renders', async function(assert) {
// Set any properties with this.set('myProperty', 'value');
// Handle any actions with this.set('myAction', function(val) { ... });
await render(hbs`<SortableItemAccessible />`);
assert.equal(this.element.textContent.trim(), '');
// Template block usage:
test('it can yield text', async function(assert) {
await render(hbs`
<SortableItemAccessible>
template block text
yielded text
</SortableItemAccessible>
`);
assert.equal(this.element.textContent.trim(), 'template block text');
assert.equal(this.element.textContent.trim(), 'yielded text');
});
});