mirror of
https://github.com/discourse/discourse.git
synced 2024-12-15 08:33:49 +08:00
51 lines
1.3 KiB
JavaScript
51 lines
1.3 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"
|
|
);
|
|
}
|
|
});
|