71d37953d5
We used many global functions to handle tests when they should be imported like other libraries in our application. This also gets us closer to the way Ember CLI prefers our tests to be laid out.
89 lines
2.3 KiB
JavaScript
89 lines
2.3 KiB
JavaScript
import { moduleForComponent } from "ember-qunit";
|
|
import I18n from "I18n";
|
|
import componentTest from "discourse/tests/helpers/component-test";
|
|
|
|
moduleForComponent("text-field", { integration: true });
|
|
|
|
componentTest("renders correctly with no properties set", {
|
|
template: `{{text-field}}`,
|
|
|
|
test(assert) {
|
|
assert.ok(find("input[type=text]").length);
|
|
},
|
|
});
|
|
|
|
componentTest("support a placeholder", {
|
|
template: `{{text-field placeholderKey="placeholder.i18n.key"}}`,
|
|
|
|
beforeEach() {
|
|
sandbox.stub(I18n, "t").returnsArg(0);
|
|
},
|
|
|
|
test(assert) {
|
|
assert.ok(find("input[type=text]").length);
|
|
assert.equal(find("input").prop("placeholder"), "placeholder.i18n.key");
|
|
},
|
|
});
|
|
|
|
componentTest("sets the dir attribute to ltr for Hebrew text", {
|
|
template: `{{text-field value='זהו שם עברי עם מקום עברי'}}`,
|
|
beforeEach() {
|
|
this.siteSettings.support_mixed_text_direction = true;
|
|
},
|
|
|
|
test(assert) {
|
|
assert.equal(find("input").attr("dir"), "rtl");
|
|
},
|
|
});
|
|
|
|
componentTest("sets the dir attribute to ltr for English text", {
|
|
template: `{{text-field value='This is a ltr title'}}`,
|
|
beforeEach() {
|
|
this.siteSettings.support_mixed_text_direction = true;
|
|
},
|
|
|
|
test(assert) {
|
|
assert.equal(find("input").attr("dir"), "ltr");
|
|
},
|
|
});
|
|
|
|
componentTest("supports onChange", {
|
|
template: `{{text-field class="tf-test" value=value onChange=changed}}`,
|
|
beforeEach() {
|
|
this.called = false;
|
|
this.newValue = null;
|
|
this.set("value", "hello");
|
|
this.set("changed", (v) => {
|
|
this.newValue = v;
|
|
this.called = true;
|
|
});
|
|
},
|
|
async test(assert) {
|
|
await fillIn(".tf-test", "hello");
|
|
assert.ok(!this.called);
|
|
await fillIn(".tf-test", "new text");
|
|
assert.ok(this.called);
|
|
assert.equal(this.newValue, "new text");
|
|
},
|
|
});
|
|
|
|
componentTest("supports onChangeImmediate", {
|
|
template: `{{text-field class="tf-test" value=value onChangeImmediate=changed}}`,
|
|
beforeEach() {
|
|
this.called = false;
|
|
this.newValue = null;
|
|
this.set("value", "old");
|
|
this.set("changed", (v) => {
|
|
this.newValue = v;
|
|
this.called = true;
|
|
});
|
|
},
|
|
async test(assert) {
|
|
await fillIn(".tf-test", "old");
|
|
assert.ok(!this.called);
|
|
await fillIn(".tf-test", "no longer old");
|
|
assert.ok(this.called);
|
|
assert.equal(this.newValue, "no longer old");
|
|
},
|
|
});
|