ea9c8c03fe
refs https://github.com/TryGhost/Ghost/pull/15550 Pulled out of the rolled up node+ember-js+ember-template rollup linter update PR as it required fairly extensive changes. - bumped package - renamed `no-down-event-binding` to `no-pointer-down-event-binding` - disabled `no-pointer-down-event-binding` rule - disabled `no-triple-curlies` rule - ran `yarn lint:hbs --fix` - updated integration tests to match Octane syntax - fixed various one-off errors - updated .lint-todo
76 lines
2.7 KiB
JavaScript
76 lines
2.7 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 ');
|
|
this.set('onInput', (event) => {
|
|
this.set('text', event.target.value);
|
|
});
|
|
await render(hbs`
|
|
{{!-- template-lint-disable no-passed-in-event-handlers --}}
|
|
<GhTrimFocusInput
|
|
@value={{readonly this.text}}
|
|
@input={{this.onInput}}
|
|
/>
|
|
`);
|
|
|
|
await blur('input');
|
|
|
|
expect(this.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('onInput', (event) => {
|
|
this.set('text', event.target.value);
|
|
});
|
|
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`
|
|
{{!-- template-lint-disable no-passed-in-event-handlers --}}
|
|
<GhTrimFocusInput
|
|
@value={{readonly this.text}}
|
|
@input={{this.onInput}}
|
|
@focus-out={{this.customFocusOut}}
|
|
/>
|
|
`);
|
|
|
|
await blur('input');
|
|
|
|
expect(this.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`<GhTrimFocusInput @value={{readonly this.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`<GhTrimFocusInput @value={{readonly this.text}} @shouldFocus={{true}} />`);
|
|
expect(find('input').autofocus).to.be.ok;
|
|
});
|
|
|
|
it('handles undefined values', async function () {
|
|
this.set('text', undefined);
|
|
await render(hbs`<GhTrimFocusInput @value={{readonly this.text}} @shouldFocus={{true}} />`);
|
|
expect(find('input').autofocus).to.be.ok;
|
|
});
|
|
|
|
it('handles non-string values', async function () {
|
|
this.set('text', 10);
|
|
await render(hbs`<GhTrimFocusInput @value={{readonly this.text}} @shouldFocus={{true}} />`);
|
|
expect(find('input').value).to.equal('10');
|
|
});
|
|
});
|