Ghost/ghost/admin/tests/integration/components/gh-image-uploader-with-preview-test.js
Kevin Ansfield 0d30077325 Switched to new component for labs feature image redesign
refs https://github.com/TryGhost/Team/issues/771

- added `<GhEditorFeatureImage>` for more flexibility than offered by `<GhImageUploaderWithPreview>`
  - updated to more closely match intended designs
- removed alt/caption support from `<GhImageUploaderWithPreview>` as it's no longer used
- fixed upload/delete/upload not working due to file input references getting out of sync
2021-06-16 17:56:25 +01:00

37 lines
1.3 KiB
JavaScript

import hbs from 'htmlbars-inline-precompile';
import sinon from 'sinon';
import {click, find, findAll, render} from '@ember/test-helpers';
import {describe, it} from 'mocha';
import {expect} from 'chai';
import {setupRenderingTest} from 'ember-mocha';
describe('Integration: Component: gh-image-uploader-with-preview', function () {
setupRenderingTest();
it('renders image if provided', async function () {
this.set('image', 'http://example.com/test.png');
await render(hbs`{{gh-image-uploader-with-preview image=image}}`);
expect(findAll('.gh-image-uploader.-with-image').length).to.equal(1);
expect(find('img').getAttribute('src')).to.equal('http://example.com/test.png');
});
it('renders upload form when no image provided', async function () {
await render(hbs`{{gh-image-uploader-with-preview image=image}}`);
expect(findAll('input[type="file"]').length).to.equal(1);
});
it('triggers remove action when delete icon is clicked', async function () {
let remove = sinon.spy();
this.set('remove', remove);
this.set('image', 'http://example.com/test.png');
await render(hbs`{{gh-image-uploader-with-preview image=image remove=(action remove)}}`);
await click('.image-delete');
expect(remove.calledOnce).to.be.true;
});
});