| Server IP : 104.21.37.246 / Your IP : 104.23.243.33 [ Web Server : Apache System : Linux cpanel01wh.bkk1.cloud.z.com 2.6.32-954.3.5.lve1.4.59.el6.x86_64 #1 SMP Thu Dec 6 05:11:00 EST 2018 x86_64 User : cp648411 ( 1354) PHP Version : 7.2.34 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home2/cp648411/public_html/kainumber.com/plugin/bootstrapvalidator-master/test/spec/ |
Upload File : |
describe('container form option', function() {
beforeEach(function() {
$([
'<form id="containerForm" class="form-horizontal">',
'<div class="form-group">',
'<label class="col-lg-3 control-label">Full name</label>',
'<div class="col-lg-4">',
'<input type="text" class="form-control" name="firstName" required placeholder="First name" data-bv-notempty-message="The first name is required" />',
'</div>',
'<div class="col-lg-4">',
'<input type="text" class="form-control" name="lastName" required placeholder="Last name" data-bv-notempty-message="The last name is required" />',
'</div>',
'</div>',
'<div id="errors"></div>',
'</form>'
].join('')).appendTo('body');
});
afterEach(function() {
$('#containerForm').bootstrapValidator('destroy').remove();
});
it('form container declarative', function() {
$('#containerForm')
.attr('data-bv-container', '#errors')
.bootstrapValidator();
this.bv = $('#containerForm').data('bootstrapValidator');
this.$firstName = this.bv.getFieldElements('firstName');
this.$lastName = this.bv.getFieldElements('lastName');
expect($('#errors').find('.help-block').length).toBeGreaterThan(0);
this.$firstName.val('First');
this.$lastName.val('');
this.bv.validate();
expect($('#errors').find('.help-block:visible[data-bv-for="firstName"]').length).toEqual(0);
expect($('#errors').find('.help-block:visible[data-bv-for="lastName"]').length).toBeGreaterThan(0);
});
it('form container programmatically', function() {
$('#containerForm').bootstrapValidator({
container: '#errors'
});
this.bv = $('#containerForm').data('bootstrapValidator');
this.$firstName = this.bv.getFieldElements('firstName');
this.$lastName = this.bv.getFieldElements('lastName');
expect($('#errors').find('.help-block').length).toBeGreaterThan(0);
this.$firstName.val('');
this.$lastName.val('Last');
this.bv.validate();
expect($('#errors').find('.help-block:visible[data-bv-for="firstName"]').length).toBeGreaterThan(0);
expect($('#errors').find('.help-block:visible[data-bv-for="lastName"]').length).toEqual(0);
this.bv.resetForm();
this.$firstName.val('First');
this.$lastName.val('Last');
this.bv.validate();
expect($('#errors').find('.help-block:visible').length).toEqual(0);
});
});
describe('container field option', function() {
beforeEach(function() {
$([
'<form id="containerForm" class="form-horizontal">',
'<div class="form-group">',
'<label class="col-lg-3 control-label">Full name</label>',
'<div class="col-lg-4">',
'<input type="text" class="form-control" name="firstName" required placeholder="First name" data-bv-notempty-message="The first name is required" data-bv-container="#firstNameMessage" />',
'<span class="help-block" id="firstNameMessage" />',
'</div>',
'<div class="col-lg-4">',
'<input type="text" class="form-control" name="lastName" required placeholder="Last name" data-bv-notempty-message="The last name is required" />',
'<span class="help-block lastNameMessage" />',
'</div>',
'</div>',
'</form>'
].join('')).appendTo('body');
$('#containerForm').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
lastName: {
container: '.lastNameMessage'
}
}
});
this.bv = $('#containerForm').data('bootstrapValidator');
this.$firstName = this.bv.getFieldElements('firstName');
this.$lastName = this.bv.getFieldElements('lastName');
});
afterEach(function() {
$('#containerForm').bootstrapValidator('destroy').remove();
});
it('field container declarative', function() {
expect($.trim($('#firstNameMessage').text())).toEqual('The first name is required');
expect($.trim($('.lastNameMessage').text())).toEqual('The last name is required');
});
it('field container programmatically', function() {
this.$firstName.val('First');
this.$lastName.val('');
this.bv.validate();
expect($('#firstNameMessage').find('.help-block:visible').length).toEqual(0);
expect($('.lastNameMessage').find('.help-block:visible').length).toBeGreaterThan(0);
this.bv.resetForm();
this.$firstName.val('');
this.$lastName.val('Last');
this.bv.validate();
expect($('#firstNameMessage').find('.help-block:visible').length).toBeGreaterThan(0);
expect($('.lastNameMessage').find('.help-block:visible').length).toEqual(0);
});
});
describe('container tooltip/popover', function() {
beforeEach(function() {
$([
'<form id="containerForm" class="form-horizontal">',
'<div class="form-group">',
'<label class="col-lg-3 control-label">Full name</label>',
'<div class="col-lg-4">',
'<input type="text" class="form-control" name="firstName" required placeholder="First name" data-bv-notempty-message="The first name is required" />',
'</div>',
'<div class="col-lg-4">',
'<input type="text" class="form-control" name="lastName" required placeholder="Last name" data-bv-notempty-message="The last name is required" />',
'</div>',
'</div>',
'<div id="errors"></div>',
'</form>'
].join('')).appendTo('body');
});
afterEach(function() {
$('#containerForm').bootstrapValidator('destroy').remove();
});
it('container declarative', function() {
$('#containerForm')
.attr('data-bv-container', 'tooltip')
.find('[name="lastName"]')
.attr('data-bv-container', 'popover')
.end()
.bootstrapValidator();
this.bv = $('#containerForm').data('bootstrapValidator');
this.$firstName = this.bv.getFieldElements('firstName');
this.$lastName = this.bv.getFieldElements('lastName');
this.bv.validate();
expect(this.$firstName.parent().find('i').data('bs.tooltip')).toBeDefined();
expect(this.$firstName.parent().find('i').data('bs.tooltip').type).toEqual('tooltip');
expect(this.$lastName.parent().find('i').data('bs.popover')).toBeDefined();
expect(this.$lastName.parent().find('i').data('bs.popover').type).toEqual('popover');
this.bv.resetForm();
this.$firstName.val('First');
this.$lastName.val('Last');
this.bv.validate();
expect(this.$firstName.parent().find('i').data('bs.tooltip')).toBeUndefined();
expect(this.$lastName.parent().find('i').data('bs.popover')).toBeUndefined();
});
it('container programmatically', function() {
$('#containerForm').bootstrapValidator({
container: 'tooltip',
fields: {
lastName: {
container: 'popover'
}
}
});
this.bv = $('#containerForm').data('bootstrapValidator');
this.$firstName = this.bv.getFieldElements('firstName');
this.$lastName = this.bv.getFieldElements('lastName');
this.bv.validate();
expect(this.$firstName.parent().find('i').data('bs.tooltip')).toBeDefined();
expect(this.$firstName.parent().find('i').data('bs.tooltip').type).toEqual('tooltip');
expect(this.$lastName.parent().find('i').data('bs.popover')).toBeDefined();
expect(this.$lastName.parent().find('i').data('bs.popover').type).toEqual('popover');
this.bv.resetForm();
this.$firstName.val('First');
this.$lastName.val('Last');
this.bv.validate();
expect(this.$firstName.parent().find('i').data('bs.tooltip')).toBeUndefined();
expect(this.$lastName.parent().find('i').data('bs.popover')).toBeUndefined();
});
// #991: Validate once when setting trigger: blur, container: tooltip
it('trigger: blur, container: tooltip', function() {
$('#containerForm').bootstrapValidator({
container: 'tooltip',
trigger: 'blur',
fields: {
firstName: {
validators: {
stringLength: {
min: 5,
message: 'The first name must be more than 5 characters'
},
notEmpty: {
message: 'The first name is required'
},
regexp: {
regexp: /^[a-z]+$/i,
message: 'The first name must consist of a-z, A-Z characters only'
}
}
},
lastName: {
validators: {
stringLength: {
min: 5,
message: 'The last name must be more than 5 characters'
},
notEmpty: {
message: 'The last name is required'
},
regexp: {
regexp: /^[a-z]+$/i,
message: 'The last name must consist of a-z, A-Z characters only'
}
}
}
}
});
this.bv = $('#containerForm').data('bootstrapValidator');
this.$firstName = this.bv.getFieldElements('firstName');
this.$lastName = this.bv.getFieldElements('lastName');
this.$firstName.val('').trigger('blur');
this.bv.validate();
expect(this.$firstName.parent().find('i').data('bs.tooltip')).toBeDefined();
expect(this.$firstName.parent().find('i').data('bs.tooltip').type).toEqual('tooltip');
expect(this.$firstName.parent().find('i').data('bs.tooltip').getTitle()).toEqual('The first name is required');
this.bv.resetForm();
this.$firstName.val('@not#valid');
this.$lastName.val('').focus();
this.bv.validate();
expect(this.$firstName.parent().find('i').data('bs.tooltip')).toBeDefined();
expect(this.$firstName.parent().find('i').data('bs.tooltip').type).toEqual('tooltip');
expect(this.$firstName.parent().find('i').data('bs.tooltip').getTitle()).toEqual('The first name must consist of a-z, A-Z characters only');
this.bv.resetForm();
this.$firstName.val('Phuo');
this.$lastName.val('').focus();
this.bv.validate();
expect(this.$firstName.parent().find('i').data('bs.tooltip')).toBeDefined();
expect(this.$firstName.parent().find('i').data('bs.tooltip').type).toEqual('tooltip');
expect(this.$firstName.parent().find('i').data('bs.tooltip').getTitle()).toEqual('The first name must be more than 5 characters');
this.bv.resetForm();
this.$firstName.val('Phuoc');
this.$lastName.val('').focus();
this.bv.validate();
expect(this.$firstName.parent().find('i').data('bs.tooltip')).toBeUndefined();
});
});