Ghost/ghost/admin/tests/integration/components/gh-alerts-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

56 lines
1.8 KiB
JavaScript

import Service from '@ember/service';
import hbs from 'htmlbars-inline-precompile';
import {describe, it} from 'mocha';
import {A as emberA} from '@ember/array';
import {expect} from 'chai';
import {find, findAll, render, settled} from '@ember/test-helpers';
import {setupRenderingTest} from 'ember-mocha';
let notificationsStub = Service.extend({
alerts: emberA()
});
describe('Integration: Component: gh-alerts', function () {
setupRenderingTest();
beforeEach(function () {
this.owner.register('service:notifications', notificationsStub);
let notifications = this.owner.lookup('service:notifications');
notifications.set('alerts', [
{message: 'First', type: 'error'},
{message: 'Second', type: 'warn'}
]);
});
it('renders', async function () {
let notifications = this.owner.lookup('service:notifications');
await render(hbs`{{gh-alerts}}`);
expect(findAll('.gh-alerts').length).to.equal(1);
expect(find('.gh-alerts').children.length).to.equal(2);
notifications.set('alerts', emberA());
await settled();
expect(find('.gh-alerts').children.length).to.equal(0);
});
it('triggers "notify" action when message count changes', async function () {
let notifications = this.owner.lookup('service:notifications');
let expectedCount = 0;
// test double for notify action
this.set('notify', count => expect(count).to.equal(expectedCount));
await render(hbs`{{gh-alerts notify=(action notify)}}`);
expectedCount = 3;
notifications.alerts.pushObject({message: 'Third', type: 'success'});
await settled();
expectedCount = 0;
notifications.set('alerts', emberA());
await settled();
});
});