189bebb2e4
* Use QUnit `module` instead of `discourseModule` * Use QUnit `test` instead of `componentTest` * Use angle-bracket syntax * Remove jQuery usage * Improve assertions (and actually fix some of them)
58 lines
1.5 KiB
JavaScript
58 lines
1.5 KiB
JavaScript
import { module, test } from "qunit";
|
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import { render } from "@ember/test-helpers";
|
|
import { query } from "discourse/tests/helpers/qunit-helpers";
|
|
import hbs from "htmlbars-inline-precompile";
|
|
|
|
function dateInput() {
|
|
return query(".date-picker");
|
|
}
|
|
|
|
function setDate(date) {
|
|
this.set("date", date);
|
|
}
|
|
|
|
function noop() {}
|
|
|
|
const DEFAULT_DATE = moment("2019-01-29");
|
|
|
|
module("Integration | Component | date-input", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test("default", async function (assert) {
|
|
this.setProperties({ date: DEFAULT_DATE });
|
|
|
|
await render(hbs`<DateInput @date={{this.date}} />`);
|
|
|
|
assert.strictEqual(dateInput().value, "2019-01-29");
|
|
});
|
|
|
|
test("prevents mutations", async function (assert) {
|
|
this.setProperties({ date: DEFAULT_DATE });
|
|
this.set("onChange", noop);
|
|
|
|
await render(
|
|
hbs`<DateInput @date={{this.date}} @onChange={{this.onChange}} />`
|
|
);
|
|
|
|
dateInput().value = "2019-01-02";
|
|
dateInput().dispatchEvent(new Event("change"));
|
|
|
|
assert.ok(this.date.isSame(DEFAULT_DATE));
|
|
});
|
|
|
|
test("allows mutations through actions", async function (assert) {
|
|
this.setProperties({ date: DEFAULT_DATE });
|
|
this.set("onChange", setDate);
|
|
|
|
await render(
|
|
hbs`<DateInput @date={{this.date}} @onChange={{this.onChange}} />`
|
|
);
|
|
|
|
dateInput().value = "2019-02-02";
|
|
dateInput().dispatchEvent(new Event("change"));
|
|
|
|
assert.ok(this.date.isSame(moment("2019-02-02")));
|
|
});
|
|
});
|