discourse/test/javascripts/components/ace-editor-test.js.es6

39 lines
1.2 KiB
Plaintext
Raw Normal View History

import componentTest from 'helpers/component-test';
moduleForComponent('ace-editor', {integration: true});
componentTest('css editor', {
template: '{{ace-editor mode="css"}}',
test(assert) {
2017-06-14 13:57:58 -04:00
assert.expect(1);
assert.ok(this.$('.ace_editor').length, 'it renders the ace editor');
}
});
componentTest('html editor', {
2016-07-05 11:03:10 -04:00
template: '{{ace-editor mode="html" content="<b>wat</b>"}}',
test(assert) {
2017-06-14 13:57:58 -04:00
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');
}
});