Ghost/ghost/admin/tests/integration/components/gh-trim-focus-input-test.js
Kevin Ansfield 73daa80b7f Migrate to latest ember, ember-mocha and modern ember testing (#1044)
no issue
- upgrade to latest `ember-source` and related dependencies including `ember-cli`
- upgrade to latest `ember-mocha` and modern ember testing setup
    - https://github.com/emberjs/rfcs/blob/master/text/0268-acceptance-testing-refactor.md
    - switch from using global acceptance test helpers and `native-dom-helpers` to using the new `ember-test-helpers` methods
    - use [`chai-dom`](https://github.com/nathanboktae/chai-dom) assertions where in some places (still a lot of places in the tests that could use these)
- pin `ember-in-viewport` to 3.0.x to work around incompatibilities between different versions used in `ember-light-table`, `ember-infinity`, and `ember-sticky-element`
    - incompatibilities manifested as "Invalid value used as weak map key" errors thrown when using `ember-light-table` (subscribers screen)
- pin `ember-power-datepicker` to unreleased version that contains a move from global acceptance test helpers to modern test helpers
2019-01-02 09:58:55 +00:00

61 lines
2.3 KiB
JavaScript

import hbs from 'htmlbars-inline-precompile';
import {blur, find, render} from '@ember/test-helpers';
import {describe, it} from 'mocha';
import {expect} from 'chai';
import {setupRenderingTest} from 'ember-mocha';
describe('Integration: Component: gh-trim-focus-input', function () {
setupRenderingTest();
it('trims value on focusOut', async function () {
this.set('text', 'some random stuff ');
await render(hbs`{{gh-trim-focus-input value=(readonly text) input=(action (mut text) value="target.value")}}`);
await blur('input');
expect(this.get('text')).to.equal('some random stuff');
});
it('trims value on focusOut before calling custom focus-out', async function () {
this.set('text', 'some random stuff ');
this.set('customFocusOut', function (value) {
expect(find('.gh-input').value, 'input value').to.equal('some random stuff');
expect(value, 'value').to.equal('some random stuff');
});
await render(hbs`{{gh-trim-focus-input
value=(readonly text)
input=(action (mut text) value="target.value")
focus-out=(action customFocusOut)
}}`);
await blur('input');
expect(this.get('text')).to.equal('some random stuff');
});
it('does not have the autofocus attribute if not set to focus', async function () {
this.set('text', 'some text');
await render(hbs`{{gh-trim-focus-input value=(readonly text) shouldFocus=false}}`);
expect(find('input').autofocus).to.not.be.ok;
});
it('has the autofocus attribute if set to focus', async function () {
this.set('text', 'some text');
await render(hbs`{{gh-trim-focus-input value=(readonly text) shouldFocus=true}}`);
expect(find('input').autofocus).to.be.ok;
});
it('handles undefined values', async function () {
this.set('text', undefined);
await render(hbs`{{gh-trim-focus-input value=(readonly text) shouldFocus=true}}`);
expect(find('input').autofocus).to.be.ok;
});
it('handles non-string values', async function () {
this.set('text', 10);
await render(hbs`{{gh-trim-focus-input value=(readonly text) shouldFocus=true}}`);
expect(find('input').value).to.equal('10');
});
});