php/yii2
1
0
Fork 0
mirror of https://github.com/yiisoft/yii2.git synced 2025-11-01 20:19:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'bugfix/20002-Superfluous_query_on_HEAD_request_in_serializer' of https://github.com/xicond/yii2 into bugfix/20002-Superfluous_query_on_HEAD_request_in_serializer

Browse Source
This commit is contained in:
Akbar Herlambang
2023-10-18 15:57:19 +08:00
parent b9a30a8df2 72e46e6795
commit 4f2a7c5f03
9 changed files with 193 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
tests/js/data/yii.activeForm.html
View File

@ -48,3 +48,15 @@
<div class="help-block"></div>
</div>
</form>
<form id="w3">
<div class="form-group field-test-text2 required">
<label class="control-label" for="test-text2">Test text</label>
<input type="text" id="test-text2" class="form-control" name="Test[text2]" aria-required="true">
<div class="help-block"></div>
</div>
<div class="form-group field-test-text3 required">
<label class="control-label" for="test-text3">Test text</label>
<input type="text" id="test-text3" class="form-control" name="Test[text3]" aria-required="true">
<div class="help-block"></div>
</div>
</form>

69
tests/js/tests/yii.activeForm.test.js
View File

@ -27,6 +27,21 @@ describe('yii.activeForm', function () {
var script = new vm.Script(code);
var context = new vm.createContext({window: window, document: window.document, yii: yii});
script.runInContext(context);
/** This is a workaround for a jsdom issue, that prevents :hidden and :visible from working as expected.
* @see https://github.com/jsdom/jsdom/issues/1048 */
context.window.Element.prototype.getClientRects = function () {
var node = this;
while(node) {
if(node === document) {
break;
}
if (!node.style || node.style.display === 'none' || node.style.visibility === 'hidden') {
return [];
}
node = node.parentNode;
}
return [{width: 100, height: 100}];
};
}
var activeFormHtml = fs.readFileSync('tests/js/data/yii.activeForm.html', 'utf-8');
@ -117,6 +132,60 @@ describe('yii.activeForm', function () {
assert.isFalse($activeForm.data('yiiActiveForm').validated);
});
});
describe('with ajax validation', function () {
describe('with rapid validation of multiple fields', function () {
it('should cancel overlapping ajax requests and not display outdated validation results', function () {
$activeForm = $('#w3');
$activeForm.yiiActiveForm([{
id: 'test-text2',
input: '#test-text2',
container: '.field-test-text2',
enableAjaxValidation: true
}, {
id: 'test-text3',
input: '#test-text3',
container: '.field-test-text3',
enableAjaxValidation: true
}], {
validationUrl: ''
});
let requests = [];
function fakeAjax(object) {
const request = {
jqXHR: {
abort: function () {
request.aborted = true;
}
},
aborted: false,
respond: function (response) {
if (this.aborted) {
return;
}
object.success(response);
object.complete(this.jqXHR, '');
}
};
requests.push(request);
object.beforeSend(request.jqXHR, '');
}
const ajaxStub = sinon.stub($, 'ajax', fakeAjax);
$activeForm.yiiActiveForm('validateAttribute', 'test-text2');
assert.isTrue(requests.length === 1);
$activeForm.yiiActiveForm('validateAttribute', 'test-text3');
// When validateAttribute was called on text2, its value was valid.
// The value of text3 wasn't.
requests[0].respond({'test-text3': ['Field cannot be empty']});
// When validateAttribute was called on text3, its value was valid.
requests[1].respond([]);
assert.isTrue($activeForm.find('.field-test-text3').hasClass('has-success'));
ajaxStub.restore();
});
});
})
});
describe('resetForm method', function () {