mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-22 18:31:57 +03:00
73daa80b7f
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
72 lines
2.6 KiB
JavaScript
72 lines
2.6 KiB
JavaScript
import DS from 'ember-data';
|
|
import EmberObject from '@ember/object';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
import {describe, it} from 'mocha';
|
|
import {expect} from 'chai';
|
|
import {find, render} from '@ember/test-helpers';
|
|
import {setupRenderingTest} from 'ember-mocha';
|
|
|
|
const {Errors} = DS;
|
|
|
|
describe('Integration: Component: gh-validation-status-container', function () {
|
|
setupRenderingTest();
|
|
|
|
beforeEach(function () {
|
|
let testObject = EmberObject.create();
|
|
testObject.set('name', 'Test');
|
|
testObject.set('hasValidated', []);
|
|
testObject.set('errors', Errors.create());
|
|
|
|
this.set('testObject', testObject);
|
|
});
|
|
|
|
it('has no success/error class by default', async function () {
|
|
await render(hbs`
|
|
{{#gh-validation-status-container class="gh-test" property="name" errors=testObject.errors hasValidated=testObject.hasValidated}}
|
|
{{/gh-validation-status-container}}
|
|
`);
|
|
|
|
expect(find('.gh-test')).to.exist;
|
|
expect(find('.gh-test')).to.not.have.class('success');
|
|
expect(find('.gh-test')).to.not.have.class('error');
|
|
});
|
|
|
|
it('has success class when valid', async function () {
|
|
this.get('testObject.hasValidated').push('name');
|
|
|
|
await render(hbs`
|
|
{{#gh-validation-status-container class="gh-test" property="name" errors=testObject.errors hasValidated=testObject.hasValidated}}
|
|
{{/gh-validation-status-container}}
|
|
`);
|
|
|
|
expect(find('.gh-test')).to.exist;
|
|
expect(find('.gh-test')).to.have.class('success');
|
|
expect(find('.gh-test')).to.not.have.class('error');
|
|
});
|
|
|
|
it('has error class when invalid', async function () {
|
|
this.get('testObject.hasValidated').push('name');
|
|
this.get('testObject.errors').add('name', 'has error');
|
|
|
|
await render(hbs`
|
|
{{#gh-validation-status-container class="gh-test" property="name" errors=testObject.errors hasValidated=testObject.hasValidated}}
|
|
{{/gh-validation-status-container}}
|
|
`);
|
|
|
|
expect(find('.gh-test')).to.exist;
|
|
expect(find('.gh-test')).to.not.have.class('success');
|
|
expect(find('.gh-test')).to.have.class('error');
|
|
});
|
|
|
|
it('still renders if hasValidated is undefined', async function () {
|
|
this.set('testObject.hasValidated', undefined);
|
|
|
|
await render(hbs`
|
|
{{#gh-validation-status-container class="gh-test" property="name" errors=testObject.errors hasValidated=testObject.hasValidated}}
|
|
{{/gh-validation-status-container}}
|
|
`);
|
|
|
|
expect(find('.gh-test')).to.exist;
|
|
});
|
|
});
|