39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
import componentTest from 'helpers/component-test';
|
|
|
|
moduleForComponent('ace-editor', {integration: true});
|
|
|
|
componentTest('css editor', {
|
|
template: '{{ace-editor mode="css"}}',
|
|
test(assert) {
|
|
assert.expect(1);
|
|
assert.ok(this.$('.ace_editor').length, 'it renders the ace editor');
|
|
}
|
|
});
|
|
|
|
componentTest('html editor', {
|
|
template: '{{ace-editor mode="html" content="<b>wat</b>"}}',
|
|
test(assert) {
|
|
assert.expect(1);
|
|
assert.ok(this.$('.ace_editor').length, 'it renders the ace editor');
|
|
}
|
|
});
|
|
|
|
componentTest('sql editor', {
|
|
template: '{{ace-editor mode="sql" content="SELECT * FROM users"}}',
|
|
test(assert) {
|
|
assert.expect(1);
|
|
assert.ok(this.$('.ace_editor').length, 'it renders the ace editor');
|
|
}
|
|
});
|
|
|
|
componentTest('disabled editor', {
|
|
template: '{{ace-editor mode="sql" content="SELECT * FROM users" disabled=true}}',
|
|
test(assert) {
|
|
const $ace = this.$('.ace_editor');
|
|
assert.expect(3);
|
|
assert.ok($ace.length, 'it renders the ace editor');
|
|
assert.equal($ace.parent().data().editor.getReadOnly(), true, 'it sets ACE to read-only mode');
|
|
assert.equal($ace.parent().attr('data-disabled'), "true", 'ACE wrapper has `data-disabled` attribute set to true');
|
|
}
|
|
});
|