306 CHAPTER 6 Essential JavaScript and jQuery
' Actual value: ' + $('#txtInput').val());
equal($('#txtResult').val(), expected, 'Expected value: ' + expected +
' Actual value: ' + $('#txtResult').val());
});- Modify the Button Click Test to use jQuery. Run the test to see it pass. Use jQuery’s
triggerHandler method to test each button.
Your code should look like the following.
test("Button Click Test", function () {
var buttonQuantity = 10;
expect(buttonQuantity * 2);
for (var i = 0; i < buttonQuantity; i++) {
$('#btnNumber' + i).triggerHandler('click');
var result = $('#txtInput').val()[$('#txtInput').val().length - 1];
var expected = String(i);
equal(result, expected, 'Expected value: ' + expected +
' Actual value: ' + result);
var expectedLength = i < 2? 1 : i;
equal($('#txtInput').val().length, expectedLength,
'Expected string length: ' + expectedLength +
' Actual value: ' + $('#txtInput').val().length);
}
}); - Modify the Add Test to use jQuery. Run the test to see it pass.
Your code should look like the following.
test("Add Test", function () {
expect(2);
$('#txtInput').val('10');
$('#txtResult').val('20');
$('#btnPlus').triggerHandler('click');
var expected = '30';
equal($('#txtResult').val(), expected, 'Expected value: ' + expected +
' Actual value: ' + $('#txtResult').val());
expected = '0';
equal($('#txtInput').val(), expected, 'Expected value: ' + expected +
' Actual value: ' + $('#txtInput').val());
}); - Modify the Subtract Test to use jQuery. Run the test to see it pass.
Your code should look like the following.
test("Subtract Test", function () {
expect(2);
$('#txtInput').val('10');
$('#txtResult').val('20');
$('#btnMinus').triggerHandler('click');
var expected = '10';
equal($('#txtResult').val(), expected, 'Expected value: ' + expected +
' Actual value: ' + $('#txtResult').val());
expected = '0';