mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-24 11:22:19 +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
41 lines
1.4 KiB
JavaScript
41 lines
1.4 KiB
JavaScript
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';
|
|
|
|
describe('Integration: Component: gh-notification', function () {
|
|
setupRenderingTest();
|
|
|
|
it('renders', async function () {
|
|
this.set('message', {message: 'Test message', type: 'success'});
|
|
|
|
await render(hbs`{{gh-notification message=message}}`);
|
|
|
|
expect(find('article.gh-notification')).to.exist;
|
|
|
|
let notification = find('.gh-notification');
|
|
expect(notification).to.have.class('gh-notification-passive');
|
|
expect(notification).to.contain.text('Test message');
|
|
});
|
|
|
|
it('maps message types to CSS classes', async function () {
|
|
this.set('message', {message: 'Test message', type: 'success'});
|
|
|
|
await render(hbs`{{gh-notification message=message}}`);
|
|
let notification = find('.gh-notification');
|
|
|
|
this.set('message.type', 'success');
|
|
expect(notification, 'success class is green')
|
|
.to.have.class('gh-notification-green');
|
|
|
|
this.set('message.type', 'error');
|
|
expect(notification, 'success class is red')
|
|
.to.have.class('gh-notification-red');
|
|
|
|
this.set('message.type', 'warn');
|
|
expect(notification, 'success class is yellow')
|
|
.to.have.class('gh-notification-yellow');
|
|
});
|
|
});
|