Skip to content

Commit ebf3f01

Browse files
lionel-bijaouilionel-bijaoui
committedSep 6, 2016
test: update to many test to check optional attributes
·
v2.3.42.0.0-beta6
1 parent 2e5e16b commit ebf3f01

20 files changed

+250
-246
lines changed
 

‎test/unit/specs/fields/fieldCheckbox.spec.js

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldCheckbox from "src/fields/fieldCheckbox.vue";
@@ -18,7 +18,8 @@ describe("FieldCheckbox.vue", function() {
1818
let schema = {
1919
type: "checkbox",
2020
label: "Status",
21-
model: "status"
21+
model: "status",
22+
autocomplete: "off"
2223
};
2324
let model = { status: true };
2425
let input;
@@ -34,7 +35,7 @@ describe("FieldCheckbox.vue", function() {
3435

3536
expect(input).to.be.defined;
3637
expect(input.type).to.be.equal("checkbox");
37-
expect(input.disabled).to.be.false;
38+
// expect(input.disabled).to.be.false;
3839
});
3940

4041
it("should contain the value", (done) => {
@@ -44,11 +45,14 @@ describe("FieldCheckbox.vue", function() {
4445
});
4546
});
4647

47-
it("should set disabled", (done) => {
48-
field.disabled = true;
49-
vm.$nextTick( () => {
50-
expect(input.disabled).to.be.true;
51-
done();
48+
describe("check optional attribute", () => {
49+
// name which attributes you want to test and that's it.
50+
let attributes = ["autocomplete", "disabled"];
51+
52+
attributes.forEach(function(name) {
53+
it("should set " + name, function(done) {
54+
checkAttribute(name, vm, input, field, schema, done);
55+
});
5256
});
5357
});
5458

‎test/unit/specs/fields/fieldChecklist.spec.js

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -64,14 +64,6 @@ describe("fieldChecklist.vue", function() {
6464
expect(isChecked(6)).to.be.true;
6565
});
6666

67-
/*it("should set disabled", (done) => {
68-
field.disabled = true;
69-
vm.$nextTick( () => {
70-
expect(listbox.disabled).to.be.true;
71-
done();
72-
});
73-
});*/
74-
7567
it("listbox value should be the model value after changed", (done) => {
7668
model.skills = ["ReactJS"];
7769
vm.$nextTick( () => {

‎test/unit/specs/fields/fieldCleave.spec.js

Lines changed: 13 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldCleave from "src/fields/fieldCleave.vue";
@@ -19,8 +19,9 @@ describe("fieldCleave.vue", function() {
1919
type: "masked",
2020
label: "Phone",
2121
model: "phone",
22+
autocomplete: "off",
23+
placeholder: "",
2224
readonly: false,
23-
placeholder: "Field placeholder",
2425
cleaveOptions: {
2526
phone: true,
2627
phoneRegionCode: "HU",
@@ -41,9 +42,9 @@ describe("fieldCleave.vue", function() {
4142
expect(input).to.be.defined;
4243
expect(input.type).to.be.equal("text");
4344
expect(input.classList.contains("form-control")).to.be.true;
44-
expect(input.placeholder).to.be.equal(schema.placeholder);
45-
expect(input.readOnly).to.be.false;
46-
expect(input.disabled).to.be.false;
45+
// expect(input.placeholder).to.be.equal(schema.placeholder);
46+
// expect(input.readOnly).to.be.false;
47+
// expect(input.disabled).to.be.false;
4748
});
4849

4950
it("should contain the value", (done) => {
@@ -53,21 +54,14 @@ describe("fieldCleave.vue", function() {
5354
});
5455
});
5556

56-
it("should set readOnly", (done) => {
57-
schema.readonly = true;
58-
vm.$nextTick( () => {
59-
expect(input.readOnly).to.be.true;
60-
schema.readonly = false;
61-
done();
62-
});
63-
});
57+
describe("check optional attribute", () => {
58+
// name which attributes you want to test and that's it.
59+
let attributes = ["autocomplete", "disabled", "readonly"];
6460

65-
it("should set disabled", (done) => {
66-
field.disabled = true;
67-
vm.$nextTick( () => {
68-
expect(input.disabled).to.be.true;
69-
field.disabled = false;
70-
done();
61+
attributes.forEach(function(name) {
62+
it("should set " + name, function(done) {
63+
checkAttribute(name, vm, input, field, schema, done);
64+
});
7165
});
7266
});
7367

‎test/unit/specs/fields/fieldColor.spec.js

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldColor from "src/fields/fieldColor.vue";
@@ -18,7 +18,8 @@ describe("fieldColor.vue", function() {
1818
let schema = {
1919
type: "color",
2020
label: "Color",
21-
model: "color"
21+
model: "color",
22+
autocomplete: "off"
2223
};
2324
let model = { color: "#ff8822" };
2425
let input;
@@ -35,7 +36,7 @@ describe("fieldColor.vue", function() {
3536
expect(input).to.be.defined;
3637
expect(input.type).to.be.equal("color");
3738
//expect(input.classList.contains("form-control")).to.be.true;
38-
expect(input.disabled).to.be.false;
39+
// expect(input.disabled).to.be.false;
3940
});
4041

4142
it("should contain the value", (done) => {
@@ -45,11 +46,14 @@ describe("fieldColor.vue", function() {
4546
});
4647
});
4748

48-
it("should set disabled", (done) => {
49-
field.disabled = true;
50-
vm.$nextTick( () => {
51-
expect(input.disabled).to.be.true;
52-
done();
49+
describe("check optional attribute", () => {
50+
// name which attributes you want to test and that's it.
51+
let attributes = ["autocomplete"];
52+
53+
attributes.forEach(function(name) {
54+
it("should set " + name, function(done) {
55+
checkAttribute(name, vm, input, field, schema, done);
56+
});
5357
});
5458
});
5559

‎test/unit/specs/fields/fieldDateTime.spec.js

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33
import moment from "moment";
44

55
import Vue from "vue";
@@ -19,7 +19,10 @@ describe("fieldDateTime.vue", function() {
1919
let schema = {
2020
type: "dateTime",
2121
label: "Event",
22-
model: "event"
22+
model: "event",
23+
autocomplete: "off",
24+
placeholder: "",
25+
readonly: false
2326
};
2427
let model = { event: 1462799081231 };
2528
let input;
@@ -46,15 +49,13 @@ describe("fieldDateTime.vue", function() {
4649
});
4750
});
4851

49-
it("should set disabled", (done) => {
50-
field.disabled = true;
51-
vm.$nextTick( () => {
52-
expect(input.disabled).to.be.true;
52+
describe("check optional attribute", () => {
53+
// name which attributes you want to test and that's it.
54+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
5355

54-
// Rollback
55-
field.disabled = false;
56-
vm.$nextTick( () => {
57-
done();
56+
attributes.forEach(function(name) {
57+
it("should set " + name, function(done) {
58+
checkAttribute(name, vm, input, field, schema, done);
5859
});
5960
});
6061
});

‎test/unit/specs/fields/fieldEmail.spec.js

Lines changed: 14 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldEmail from "src/fields/fieldEmail.vue";
@@ -20,8 +20,9 @@ describe("fieldEmail.vue", function() {
2020
type: "text",
2121
label: "E-mail",
2222
model: "email",
23-
readonly: false,
24-
placeholder: "Field placeholder"
23+
autocomplete: "off",
24+
placeholder: "Field placeholder",
25+
readonly: false
2526
};
2627
let model = { email: "john.doe@company.org" };
2728
let input;
@@ -38,9 +39,9 @@ describe("fieldEmail.vue", function() {
3839
expect(input).to.be.defined;
3940
expect(input.type).to.be.equal("email");
4041
expect(input.classList.contains("form-control")).to.be.true;
41-
expect(input.placeholder).to.be.equal(schema.placeholder);
42-
expect(input.readOnly).to.be.false;
43-
expect(input.disabled).to.be.false;
42+
// expect(input.placeholder).to.be.equal(schema.placeholder);
43+
// expect(input.readOnly).to.be.false;
44+
// expect(input.disabled).to.be.false;
4445
});
4546

4647
it("should contain the value", (done) => {
@@ -50,19 +51,14 @@ describe("fieldEmail.vue", function() {
5051
});
5152
});
5253

53-
it("should set readOnly", (done) => {
54-
schema.readonly = true;
55-
vm.$nextTick( () => {
56-
expect(input.readOnly).to.be.true;
57-
done();
58-
});
59-
});
54+
describe("check optional attribute", () => {
55+
// name which attributes you want to test and that's it.
56+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
6057

61-
it("should set disabled", (done) => {
62-
field.disabled = true;
63-
vm.$nextTick( () => {
64-
expect(input.disabled).to.be.true;
65-
done();
58+
attributes.forEach(function(name) {
59+
it("should set " + name, function(done) {
60+
checkAttribute(name, vm, input, field, schema, done);
61+
});
6662
});
6763
});
6864

‎test/unit/specs/fields/fieldGoogleAddress.spec.js

Lines changed: 14 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldGoogleAddress from "src/fields/fieldGoogleAddress.vue";
@@ -19,8 +19,9 @@ describe("fieldGoogleAddress.vue", function() {
1919
type: "text",
2020
label: "Address",
2121
model: "address",
22-
readonly: false,
23-
placeholder: "Field placeholder"
22+
autocomplete: "off",
23+
placeholder: "Field placeholder",
24+
readonly: false
2425
};
2526
let model = { address: "Paris, France" };
2627
let input;
@@ -37,9 +38,9 @@ describe("fieldGoogleAddress.vue", function() {
3738
expect(input).to.be.defined;
3839
expect(input.type).to.be.equal("text");
3940
expect(input.classList.contains("form-control")).to.be.true;
40-
expect(input.placeholder).to.be.equal(schema.placeholder);
41-
expect(input.readOnly).to.be.false;
42-
expect(input.disabled).to.be.false;
41+
// expect(input.placeholder).to.be.equal(schema.placeholder);
42+
// expect(input.readOnly).to.be.false;
43+
// expect(input.disabled).to.be.false;
4344
});
4445

4546
it("should contain the value", (done) => {
@@ -49,21 +50,14 @@ describe("fieldGoogleAddress.vue", function() {
4950
});
5051
});
5152

52-
it("should set readOnly", (done) => {
53-
schema.readonly = true;
54-
vm.$nextTick( () => {
55-
expect(input.readOnly).to.be.true;
56-
schema.readonly = false;
57-
done();
58-
});
59-
});
53+
describe("check optional attribute", () => {
54+
// name which attributes you want to test and that's it.
55+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
6056

61-
it("should set disabled", (done) => {
62-
field.disabled = true;
63-
vm.$nextTick( () => {
64-
expect(input.disabled).to.be.true;
65-
field.disabled = false;
66-
done();
57+
attributes.forEach(function(name) {
58+
it("should set " + name, function(done) {
59+
checkAttribute(name, vm, input, field, schema, done);
60+
});
6761
});
6862
});
6963

‎test/unit/specs/fields/fieldImage.spec.js

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* global sinon */
22

33
import { expect } from "chai";
4-
import { createVueField, trigger } from "../util";
4+
import { createVueField, trigger, checkAttribute } from "../util";
55

66
import Vue from "vue";
77
import FieldImage from "src/fields/fieldImage.vue";
@@ -21,8 +21,9 @@ describe("fieldImage.vue", function() {
2121
type: "image",
2222
label: "Avatar",
2323
model: "avatar",
24-
readonly: false,
25-
placeholder: "Field placeholder"
24+
autocomplete: "off",
25+
placeholder: "Field placeholder",
26+
readonly: false
2627
};
2728
let model = { avatar: "https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg" };
2829
let input;
@@ -66,19 +67,14 @@ describe("fieldImage.vue", function() {
6667
});
6768
});
6869

69-
it("should set readOnly", (done) => {
70-
schema.readonly = true;
71-
vm.$nextTick( () => {
72-
expect(input.readOnly).to.be.true;
73-
done();
74-
});
75-
});
70+
describe("check optional attribute", () => {
71+
// name which attributes you want to test and that's it.
72+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
7673

77-
it("should set disabled", (done) => {
78-
field.disabled = true;
79-
vm.$nextTick( () => {
80-
expect(input.disabled).to.be.true;
81-
done();
74+
attributes.forEach(function(name) {
75+
it("should set " + name, function(done) {
76+
checkAttribute(name, vm, input, field, schema, done);
77+
});
8278
});
8379
});
8480

‎test/unit/specs/fields/fieldMasked.spec.js

Lines changed: 10 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldMasked from "src/fields/fieldMasked.vue";
@@ -20,8 +20,9 @@ describe("fieldMasked.vue", function() {
2020
label: "Phone",
2121
model: "phone",
2222
mask: "(99) 999-9999",
23-
readonly: false,
24-
placeholder: "Field placeholder"
23+
autocomplete: "off",
24+
placeholder: "Field placeholder",
25+
readonly: false
2526
};
2627
let model = { phone: "(30) 123-4567" };
2728
let input;
@@ -50,28 +51,13 @@ describe("fieldMasked.vue", function() {
5051
});
5152
});
5253

53-
it("should set readOnly", (done) => {
54-
schema.readonly = true;
55-
vm.$nextTick( () => {
56-
expect(input.readOnly).to.be.true;
54+
describe("check optional attribute", () => {
55+
// name which attributes you want to test and that's it.
56+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
5757

58-
// Rollback
59-
schema.readonly = false;
60-
vm.$nextTick( () => {
61-
done();
62-
});
63-
});
64-
});
65-
66-
it("should set disabled", (done) => {
67-
field.disabled = true;
68-
vm.$nextTick( () => {
69-
expect(input.disabled).to.be.true;
70-
71-
// Rollback
72-
field.disabled = false;
73-
vm.$nextTick( () => {
74-
done();
58+
attributes.forEach(function(name) {
59+
it("should set " + name, function(done) {
60+
checkAttribute(name, vm, input, field, schema, done);
7561
});
7662
});
7763
});

‎test/unit/specs/fields/fieldNumber.spec.js

Lines changed: 12 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldNumber from "src/fields/fieldNumber.vue";
@@ -19,10 +19,11 @@ describe("fieldNumber.vue", function() {
1919
type: "number",
2020
label: "Age",
2121
model: "age",
22-
readonly: false,
2322
min: 18,
2423
max: 100,
25-
placeholder: "Field placeholder"
24+
autocomplete:"off",
25+
placeholder: "Field placeholder",
26+
readonly: false
2627
};
2728
let model = { age: 27 };
2829
let input;
@@ -52,20 +53,14 @@ describe("fieldNumber.vue", function() {
5253
done();
5354
});
5455
});
55-
56-
it("should set readOnly", (done) => {
57-
schema.readonly = true;
58-
vm.$nextTick( () => {
59-
expect(input.readOnly).to.be.true;
60-
done();
61-
});
62-
});
63-
64-
it("should set disabled", (done) => {
65-
field.disabled = true;
66-
vm.$nextTick( () => {
67-
expect(input.disabled).to.be.true;
68-
done();
56+
describe("check optional attribute", () => {
57+
// name which attributes you want to test and that's it.
58+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
59+
60+
attributes.forEach(function(name) {
61+
it("should set " + name, function(done) {
62+
checkAttribute(name, vm, input, field, schema, done);
63+
});
6964
});
7065
});
7166

‎test/unit/specs/fields/fieldPassword.spec.js

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldPassword from "src/fields/fieldPassword.vue";
@@ -20,8 +20,9 @@ describe("fieldPassword.vue", function() {
2020
type: "password",
2121
label: "Password",
2222
model: "password",
23-
readonly: false,
24-
placeholder: "Field placeholder"
23+
autocomplete:"off",
24+
placeholder: "Field placeholder",
25+
readonly: false
2526
};
2627
let model = { password: "123456!" };
2728
let input;
@@ -50,19 +51,14 @@ describe("fieldPassword.vue", function() {
5051
});
5152
});
5253

53-
it("should set readOnly", (done) => {
54-
schema.readonly = true;
55-
vm.$nextTick( () => {
56-
expect(input.readOnly).to.be.true;
57-
done();
58-
});
59-
});
54+
describe("check optional attribute", () => {
55+
// name which attributes you want to test and that's it.
56+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
6057

61-
it("should set disabled", (done) => {
62-
field.disabled = true;
63-
vm.$nextTick( () => {
64-
expect(input.disabled).to.be.true;
65-
done();
58+
attributes.forEach(function(name) {
59+
it("should set " + name, function(done) {
60+
checkAttribute(name, vm, input, field, schema, done);
61+
});
6662
});
6763
});
6864

‎test/unit/specs/fields/fieldPikaday.spec.js

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField } from "../util";
2+
import { createVueField, checkAttribute } from "../util";
33
import moment from "moment";
44

55
import Vue from "vue";
@@ -19,7 +19,10 @@ describe("fieldPikaday.vue", function() {
1919
let schema = {
2020
type: "dateTime",
2121
label: "Event",
22-
model: "event"
22+
model: "event",
23+
autocomplete:"off",
24+
placeholder: "Field placeholder",
25+
readonly: false
2326
};
2427
let model = { event: 1462799081231 };
2528
let input;
@@ -46,12 +49,14 @@ describe("fieldPikaday.vue", function() {
4649
});
4750
});
4851

49-
it("should set disabled", (done) => {
50-
field.disabled = true;
51-
vm.$nextTick( () => {
52-
expect(input.disabled).to.be.true;
53-
field.disabled = false;
54-
done();
52+
describe("check optional attribute", () => {
53+
// name which attributes you want to test and that's it.
54+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
55+
56+
attributes.forEach(function(name) {
57+
it("should set " + name, function(done) {
58+
checkAttribute(name, vm, input, field, schema, done);
59+
});
5560
});
5661
});
5762

‎test/unit/specs/fields/fieldRange.spec.js

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldRange from "src/fields/fieldRange.vue";
@@ -21,7 +21,7 @@ describe("fieldRange.vue", function() {
2121
model: "rating",
2222
min: 1,
2323
max: 10,
24-
placeholder: "Field placeholder"
24+
autocomplete: "off"
2525
};
2626
let model = { rating: 8 };
2727
let input;
@@ -50,11 +50,14 @@ describe("fieldRange.vue", function() {
5050
});
5151
});
5252

53-
it("should set disabled", (done) => {
54-
field.disabled = true;
55-
vm.$nextTick( () => {
56-
expect(input.disabled).to.be.true;
57-
done();
53+
describe("check optional attribute", () => {
54+
// name which attributes you want to test and that's it.
55+
let attributes = ["autocomplete", "disabled"];
56+
57+
attributes.forEach(function(name) {
58+
it("should set " + name, function(done) {
59+
checkAttribute(name, vm, input, field, schema, done);
60+
});
5861
});
5962
});
6063

‎test/unit/specs/fields/fieldSelect.spec.js

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldSelect from "src/fields/fieldSelect.vue";
@@ -67,11 +67,14 @@ describe("fieldSelect.vue", function() {
6767
});
6868
});
6969

70-
it("should set disabled", (done) => {
71-
field.disabled = true;
72-
vm.$nextTick( () => {
73-
expect(input.disabled).to.be.true;
74-
done();
70+
describe("check optional attribute", () => {
71+
// name which attributes you want to test and that's it.
72+
let attributes = ["disabled"];
73+
74+
attributes.forEach(function(name) {
75+
it("should set " + name, function(done) {
76+
checkAttribute(name, vm, input, field, schema, done);
77+
});
7578
});
7679
});
7780

‎test/unit/specs/fields/fieldSelectEx.spec.js

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldSelectEx from "src/fields/fieldSelectEx.vue";
@@ -41,8 +41,8 @@ describe("fieldSelectEx.vue", function() {
4141
expect(field.$el).to.be.exist;
4242

4343
expect(input).to.be.defined;
44-
expect(input.disabled).to.be.false;
45-
expect(input.multiple).to.be.false;
44+
// expect(input.disabled).to.be.false;
45+
expect(input.multiple).to.be.false;
4646
});
4747

4848
it("should contain option elements", () => {
@@ -67,11 +67,14 @@ describe("fieldSelectEx.vue", function() {
6767
});
6868
});
6969

70-
it("should set disabled", (done) => {
71-
field.disabled = true;
72-
vm.$nextTick( () => {
73-
expect(input.disabled).to.be.true;
74-
done();
70+
describe("check optional attribute", () => {
71+
// name which attributes you want to test and that's it.
72+
let attributes = ["disabled", "multiSelect"];
73+
74+
attributes.forEach(function(name) {
75+
it("should set " + name, function(done) {
76+
checkAttribute(name, vm, input, field, schema, done);
77+
});
7578
});
7679
});
7780

‎test/unit/specs/fields/fieldSlider.spec.js

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField } from "../util";
2+
import { createVueField, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldSlider from "src/fields/fieldSlider.vue";
@@ -20,7 +20,10 @@ describe("fieldSlider.vue", function() {
2020
label: "Rating",
2121
model: "rating",
2222
min: 1,
23-
max: 10
23+
max: 10,
24+
autocomplete:"off",
25+
placeholder: "Field placeholder",
26+
readonly: false
2427
};
2528
let model = { rating: 8 };
2629
let input;
@@ -49,12 +52,14 @@ describe("fieldSlider.vue", function() {
4952
});
5053
});
5154

52-
it("should set disabled", (done) => {
53-
field.disabled = true;
54-
vm.$nextTick( () => {
55-
expect(input.getAttribute("data-disable")).to.be.equal("");
56-
field.disabled = false;
57-
done();
55+
describe("check optional attribute", () => {
56+
// name which attributes you want to test and that's it.
57+
let attributes = ["autocomplete", "placeholder", "readonly"];
58+
59+
attributes.forEach(function(name) {
60+
it("should set " + name, function(done) {
61+
checkAttribute(name, vm, input, field, schema, done);
62+
});
5863
});
5964
});
6065

‎test/unit/specs/fields/fieldSpectrum.spec.js

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldSpectrum from "src/fields/fieldSpectrum.vue";
@@ -19,7 +19,10 @@ describe("fieldSpectrum.vue", function() {
1919
let schema = {
2020
type: "color",
2121
label: "Color",
22-
model: "color"
22+
model: "color",
23+
autocomplete:"off",
24+
placeholder: "Field placeholder",
25+
readonly: false
2326
};
2427
let model = { color: "#ff8822" };
2528
let input;
@@ -46,13 +49,14 @@ describe("fieldSpectrum.vue", function() {
4649
});
4750
});
4851

49-
it("should set disabled", (done) => {
50-
field.disabled = true;
51-
vm.$nextTick( () => {
52-
expect(input.disabled).to.be.true;
53-
expect(el.querySelectorAll(".sp-disabled").length).to.be.equal(1);
54-
field.disabled = false;
55-
done();
52+
describe("check optional attribute", () => {
53+
// name which attributes you want to test and that's it.
54+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
55+
56+
attributes.forEach(function(name) {
57+
it("should set " + name, function(done) {
58+
checkAttribute(name, vm, input, field, schema, done);
59+
});
5660
});
5761
});
5862

‎test/unit/specs/fields/fieldText.spec.js

Lines changed: 14 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldText from "src/fields/fieldText.vue";
@@ -19,8 +19,9 @@ describe("fieldText.vue", function() {
1919
type: "text",
2020
label: "Name",
2121
model: "name",
22-
readonly: false,
23-
placeholder: "Field placeholder"
22+
autocomplete:"off",
23+
placeholder: "Field placeholder",
24+
readonly: false
2425
};
2526
let model = { name: "John Doe" };
2627
let input;
@@ -37,9 +38,9 @@ describe("fieldText.vue", function() {
3738
expect(input).to.be.defined;
3839
expect(input.type).to.be.equal("text");
3940
expect(input.classList.contains("form-control")).to.be.true;
40-
expect(input.placeholder).to.be.equal(schema.placeholder);
41-
expect(input.readOnly).to.be.false;
42-
expect(input.disabled).to.be.false;
41+
expect(input.placeholder).to.be.equal(schema.placeholder);
42+
expect(input.readOnly).to.be.false;
43+
expect(input.disabled).to.be.false;
4344
});
4445

4546
it("should contain the value", (done) => {
@@ -49,19 +50,14 @@ describe("fieldText.vue", function() {
4950
});
5051
});
5152

52-
it("should set readOnly", (done) => {
53-
schema.readonly = true;
54-
vm.$nextTick( () => {
55-
expect(input.readOnly).to.be.true;
56-
done();
57-
});
58-
});
53+
describe("check optional attribute", () => {
54+
// name which attributes you want to test and that's it.
55+
let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
5956

60-
it("should set disabled", (done) => {
61-
field.disabled = true;
62-
vm.$nextTick( () => {
63-
expect(input.disabled).to.be.true;
64-
done();
57+
attributes.forEach(function(name) {
58+
it("should set " + name, function(done) {
59+
checkAttribute(name, vm, input, field, schema, done);
60+
});
6561
});
6662
});
6763

‎test/unit/specs/fields/fieldTextArea.spec.js

Lines changed: 13 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect } from "chai";
2-
import { createVueField, trigger } from "../util";
2+
import { createVueField, trigger, checkAttribute } from "../util";
33

44
import Vue from "vue";
55
import FieldTextArea from "src/fields/fieldTextArea.vue";
@@ -20,9 +20,9 @@ describe("fieldTextArea.vue", function() {
2020
type: "textarea",
2121
label: "Description",
2222
model: "desc",
23-
readonly: false,
23+
max: 500,
2424
placeholder: "Field placeholder",
25-
max: 500
25+
readonly: false
2626
};
2727
let model = { desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." };
2828
let input;
@@ -38,9 +38,9 @@ describe("fieldTextArea.vue", function() {
3838

3939
expect(input).to.be.defined;
4040
expect(input.classList.contains("form-control")).to.be.true;
41-
expect(input.placeholder).to.be.equal(schema.placeholder);
42-
expect(input.readOnly).to.be.false;
43-
expect(input.disabled).to.be.false;
41+
// expect(input.placeholder).to.be.equal(schema.placeholder);
42+
// expect(input.readOnly).to.be.false;
43+
// expect(input.disabled).to.be.false;
4444
expect(input.rows).to.be.equal(2); // default value is 2
4545
expect(input.maxLength).to.be.equal(500);
4646
});
@@ -60,19 +60,14 @@ describe("fieldTextArea.vue", function() {
6060
});
6161
});
6262

63-
it("should set readOnly", (done) => {
64-
schema.readonly = true;
65-
vm.$nextTick( () => {
66-
expect(input.readOnly).to.be.true;
67-
done();
68-
});
69-
});
63+
describe("check optional attribute", () => {
64+
// name which attributes you want to test and that's it.
65+
let attributes = ["disabled", "placeholder", "readonly"];
7066

71-
it("should set disabled", (done) => {
72-
field.disabled = true;
73-
vm.$nextTick( () => {
74-
expect(input.disabled).to.be.true;
75-
done();
67+
attributes.forEach(function(name) {
68+
it("should set " + name, function(done) {
69+
checkAttribute(name, vm, input, field, schema, done);
70+
});
7671
});
7772
});
7873

‎test/unit/specs/util.js

Lines changed: 34 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { expect } from "chai";
12
import Vue from "vue";
23

34
export function trigger (el, event, args) {
@@ -43,5 +44,36 @@ export function createVueField(test, type, schema = {}, model = null, disabled =
4344
});
4445
let field = vm.$refs.field;
4546

46-
return [ el, vm, field ];
47-
}
47+
return [el, vm, field];
48+
}
49+
50+
export let attributesList = {
51+
"autocomplete": { before: "on", after: "off" },
52+
"disabled": { before: true, after: false, field: true },
53+
"multiSelect": { before: true, after: false, name: "multiple" },
54+
"placeholder": { before: "Field placeholder", after: "" },
55+
"readonly": { before: true, after: false, name: "readOnly" }
56+
57+
};
58+
59+
export function checkAttribute(name, vm, input, field, schema, done) {
60+
61+
let schematic;
62+
let attr = attributesList[name];
63+
64+
if (attr.field) {
65+
schematic = field;
66+
} else {
67+
schematic = schema;
68+
}
69+
schematic[name] = attr.before;
70+
vm.$nextTick(() => {
71+
if (attr.name) {
72+
expect(input[attr.name]).to.be.equal(schematic[name]);
73+
} else {
74+
expect(input[name]).to.be.equal(schematic[name]);
75+
}
76+
schematic[name] = attr.after;
77+
return done();
78+
});
79+
}

0 commit comments

Comments
 (0)
Please sign in to comment.