-
Notifications
You must be signed in to change notification settings - Fork 531
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
13 changed files
with
863 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,100 @@ | ||
import { expect } from "chai"; | ||
import { trigger } from "../util"; | ||
|
||
import Vue from "vue"; | ||
import FieldCheckbox from "src/fields/fieldCheckbox.vue"; | ||
|
||
Vue.component("FieldCheckbox", FieldCheckbox); | ||
|
||
let el, vm, field; | ||
|
||
function createField(schema = {}, model = null, disabled = false, options) { | ||
el = document.createElement("div"); | ||
el.innerHTML = `<field-checkbox :schema.sync="schema" :model.sync="model" :disabled="disabled" v-ref:field></field-checkbox>`; | ||
vm = new Vue({ | ||
el: el, | ||
data: { | ||
schema, | ||
model, | ||
disabled, | ||
options | ||
} | ||
}); | ||
|
||
field = vm.$refs.field; | ||
//console.log(el); | ||
} | ||
|
||
describe("FieldCheckbox.vue", () => { | ||
|
||
describe("check template", () => { | ||
let schema = { | ||
type: "checkbox", | ||
label: "Status", | ||
model: "status", | ||
readonly: false | ||
}; | ||
let model = { status: true }; | ||
let input; | ||
|
||
before( () => { | ||
createField(schema, model, false); | ||
input = el.getElementsByTagName("input")[0]; | ||
}); | ||
|
||
it("should contain az input text element", () => { | ||
expect(field).to.be.exist; | ||
expect(field.$el).to.be.exist; | ||
|
||
expect(input).to.be.defined; | ||
expect(input.type).to.be.equal("checkbox"); | ||
expect(input.readOnly).to.be.false; | ||
expect(input.disabled).to.be.false; | ||
}); | ||
|
||
it("should contain the value", (done) => { | ||
vm.$nextTick( () => { | ||
expect(input.checked).to.be.true; | ||
done(); | ||
}); | ||
}); | ||
|
||
it("should set readOnly", (done) => { | ||
schema.readonly = true; | ||
vm.$nextTick( () => { | ||
expect(input.readOnly).to.be.true; | ||
done(); | ||
}); | ||
}); | ||
|
||
it("should set disabled", (done) => { | ||
field.disabled = true; | ||
vm.$nextTick( () => { | ||
expect(input.disabled).to.be.true; | ||
done(); | ||
}); | ||
}); | ||
|
||
it("input value should be the model value after changed", (done) => { | ||
model.status = false; | ||
vm.$nextTick( () => { | ||
expect(input.checked).to.be.false; | ||
done(); | ||
}); | ||
|
||
}); | ||
|
||
it("model value should be the input value if changed", (done) => { | ||
input.checked = true; | ||
trigger(input, "change"); | ||
|
||
vm.$nextTick( () => { | ||
expect(model.status).to.be.true; | ||
done(); | ||
}); | ||
|
||
}); | ||
|
||
}); | ||
|
||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,103 @@ | ||
import { expect } from "chai"; | ||
import { trigger } from "../util"; | ||
|
||
import Vue from "vue"; | ||
import FieldEmail from "src/fields/fieldEmail.vue"; | ||
|
||
Vue.component("FieldEmail", FieldEmail); | ||
|
||
let el, vm, field; | ||
|
||
function createField(schema = {}, model = null, disabled = false, options) { | ||
el = document.createElement("div"); | ||
el.innerHTML = `<field-email :schema.sync="schema" :model.sync="model" :disabled="disabled" v-ref:field></field-email>`; | ||
vm = new Vue({ | ||
el: el, | ||
data: { | ||
schema, | ||
model, | ||
disabled, | ||
options | ||
} | ||
}); | ||
|
||
field = vm.$refs.field; | ||
//console.log(el); | ||
} | ||
|
||
describe("fieldEmail.vue", () => { | ||
|
||
describe("check template", () => { | ||
let schema = { | ||
type: "text", | ||
label: "E-mail", | ||
model: "email", | ||
readonly: false, | ||
placeholder: "Field placeholder" | ||
}; | ||
let model = { email: "[email protected]" }; | ||
let input; | ||
|
||
before( () => { | ||
createField(schema, model, false); | ||
input = el.getElementsByTagName("input")[0]; | ||
}); | ||
|
||
it("should contain az input email element", () => { | ||
expect(field).to.be.exist; | ||
expect(field.$el).to.be.exist; | ||
|
||
expect(input).to.be.defined; | ||
expect(input.type).to.be.equal("email"); | ||
expect(input.classList.contains("form-control")).to.be.true; | ||
expect(input.placeholder).to.be.equal(schema.placeholder); | ||
expect(input.readOnly).to.be.false; | ||
expect(input.disabled).to.be.false; | ||
}); | ||
|
||
it("should contain the value", (done) => { | ||
vm.$nextTick( () => { | ||
expect(input.value).to.be.equal("[email protected]"); | ||
done(); | ||
}); | ||
}); | ||
|
||
it("should set readOnly", (done) => { | ||
schema.readonly = true; | ||
vm.$nextTick( () => { | ||
expect(input.readOnly).to.be.true; | ||
done(); | ||
}); | ||
}); | ||
|
||
it("should set disabled", (done) => { | ||
field.disabled = true; | ||
vm.$nextTick( () => { | ||
expect(input.disabled).to.be.true; | ||
done(); | ||
}); | ||
}); | ||
|
||
it("input value should be the model value after changed", (done) => { | ||
model.email = "[email protected]"; | ||
vm.$nextTick( () => { | ||
expect(input.value).to.be.equal("[email protected]"); | ||
done(); | ||
}); | ||
|
||
}); | ||
|
||
it("model value should be the input value if changed", (done) => { | ||
input.value = "[email protected]"; | ||
trigger(input, "input"); | ||
|
||
vm.$nextTick( () => { | ||
expect(model.email).to.be.equal("[email protected]"); | ||
done(); | ||
}); | ||
|
||
}); | ||
|
||
}); | ||
|
||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,107 @@ | ||
import { expect } from "chai"; | ||
import { trigger } from "../util"; | ||
|
||
import Vue from "vue"; | ||
import FieldNumber from "src/fields/fieldNumber.vue"; | ||
|
||
Vue.component("FieldNumber", FieldNumber); | ||
|
||
let el, vm, field; | ||
|
||
function createField(schema = {}, model = null, disabled = false, options) { | ||
el = document.createElement("div"); | ||
el.innerHTML = `<field-number :schema.sync="schema" :model.sync="model" :disabled="disabled" v-ref:field></field-number>`; | ||
vm = new Vue({ | ||
el: el, | ||
data: { | ||
schema, | ||
model, | ||
disabled, | ||
options | ||
} | ||
}); | ||
|
||
field = vm.$refs.field; | ||
//console.log(el); | ||
} | ||
|
||
describe("fieldNumber.vue", () => { | ||
|
||
describe("check template", () => { | ||
let schema = { | ||
type: "number", | ||
label: "Age", | ||
model: "age", | ||
readonly: false, | ||
min: 18, | ||
max: 100, | ||
placeholder: "Field placeholder" | ||
}; | ||
let model = { age: 27 }; | ||
let input; | ||
|
||
before( () => { | ||
createField(schema, model, false); | ||
input = el.getElementsByTagName("input")[0]; | ||
}); | ||
|
||
it("should contain az input number element", () => { | ||
expect(field).to.be.exist; | ||
expect(field.$el).to.be.exist; | ||
|
||
expect(input).to.be.defined; | ||
expect(input.type).to.be.equal("number"); | ||
expect(input.classList.contains("form-control")).to.be.true; | ||
expect(input.placeholder).to.be.equal(schema.placeholder); | ||
expect(input.readOnly).to.be.false; | ||
expect(input.min).to.be.equal("18"); | ||
expect(input.max).to.be.equal("100"); | ||
expect(input.disabled).to.be.false; | ||
}); | ||
|
||
it("should contain the value", (done) => { | ||
vm.$nextTick( () => { | ||
expect(input.value).to.be.equal("27"); | ||
done(); | ||
}); | ||
}); | ||
|
||
it("should set readOnly", (done) => { | ||
schema.readonly = true; | ||
vm.$nextTick( () => { | ||
expect(input.readOnly).to.be.true; | ||
done(); | ||
}); | ||
}); | ||
|
||
it("should set disabled", (done) => { | ||
field.disabled = true; | ||
vm.$nextTick( () => { | ||
expect(input.disabled).to.be.true; | ||
done(); | ||
}); | ||
}); | ||
|
||
it("input value should be the model value after changed", (done) => { | ||
model.age = 35; | ||
vm.$nextTick( () => { | ||
expect(input.value).to.be.equal("35"); | ||
done(); | ||
}); | ||
|
||
}); | ||
|
||
it("model value should be the input value if changed", (done) => { | ||
input.value = "50"; | ||
trigger(input, "input"); | ||
|
||
vm.$nextTick( () => { | ||
expect(model.age).to.be.equal(50); | ||
done(); | ||
}); | ||
|
||
}); | ||
|
||
}); | ||
|
||
}); |
Oops, something went wrong.