Finish displayReport tests
This commit is contained in:
Preston Doman
parent
296cafee92
commit
ce1c9043eb
2 changed files with 217 additions and 1 deletions
|
|
@ -613,6 +613,38 @@
|
||||||
let expectedHTML = viewReportTest1Expected;
|
let expectedHTML = viewReportTest1Expected;
|
||||||
assert.deepEqual(viewReport.outerHTML, expectedHTML, "view report and expectedHTML are identical");
|
assert.deepEqual(viewReport.outerHTML, expectedHTML, "view report and expectedHTML are identical");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
QUnit.test("field type is boolean and value is true", function(assert) {
|
||||||
|
let parsedData = viewReportTest2;
|
||||||
|
displayReport(parsedData);
|
||||||
|
let viewReport = document.getElementById("viewReportModal");
|
||||||
|
let expectedHTML = viewReportTest2Expected;
|
||||||
|
assert.deepEqual(viewReport.outerHTML, expectedHTML, "view report and expectedHTML are identical");
|
||||||
|
});
|
||||||
|
|
||||||
|
QUnit.test("field type is non-boolean and value is the empty string", function(assert) {
|
||||||
|
let parsedData = viewReportTest3;
|
||||||
|
displayReport(parsedData);
|
||||||
|
let viewReport = document.getElementById("viewReportModal");
|
||||||
|
let expectedHTML = viewReportTest3Expected;
|
||||||
|
assert.deepEqual(viewReport.outerHTML, expectedHTML, "view report and expectedHTML are identical");
|
||||||
|
});
|
||||||
|
|
||||||
|
QUnit.test("field type is non-boolean and value is not the empty string", function(assert) {
|
||||||
|
let parsedData = viewReportTest4;
|
||||||
|
displayReport(parsedData);
|
||||||
|
let viewReport = document.getElementById("viewReportModal");
|
||||||
|
let expectedHTML = viewReportTest4Expected;
|
||||||
|
assert.deepEqual(viewReport.outerHTML, expectedHTML, "view report and expectedHTML are identical");
|
||||||
|
});
|
||||||
|
|
||||||
|
QUnit.test("multiple fields", function(assert) {
|
||||||
|
let parsedData = viewReportTest5;
|
||||||
|
displayReport(parsedData);
|
||||||
|
let viewReport = document.getElementById("viewReportModal");
|
||||||
|
let expectedHTML = viewReportTest5Expected;
|
||||||
|
assert.deepEqual(viewReport.outerHTML, expectedHTML, "view report and expectedHTML are identical");
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -522,3 +522,187 @@ let viewReportTest1Expected = `<div class="modal fade" id="viewReportModal" tabi
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>`;
|
</div>`;
|
||||||
|
|
||||||
|
let viewReportTest2 = {
|
||||||
|
"title": "New Report 1",
|
||||||
|
"report_pk": 2,
|
||||||
|
"date_submitted": "2019-03-04T08:00:00Z",
|
||||||
|
"sections": [
|
||||||
|
{
|
||||||
|
"title": "General Info",
|
||||||
|
"rule_violations": [],
|
||||||
|
"fields": [
|
||||||
|
{
|
||||||
|
"field_type": "boolean",
|
||||||
|
"label": "Havel you taken this trip already?",
|
||||||
|
"field_name": "after_trip",
|
||||||
|
"value": true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"completed": true,
|
||||||
|
"id": 10,
|
||||||
|
"html_description": "<p>Description</p>"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"submitted": false,
|
||||||
|
"reference_number": "1234",
|
||||||
|
"date_created": "2019-03-04T08:00:00Z"
|
||||||
|
};
|
||||||
|
|
||||||
|
let viewReportTest2Expected = `<div class="modal fade" id="viewReportModal" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="viewReportModalLabel">New Report 1 3/4/2019</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-view"><div class="card"><div class="card-header"><div class="card-body"><h4>General Info</h4><p>Havel you taken this trip already?: Yes</p></div></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
let viewReportTest3 = {
|
||||||
|
"title": "New Report 1",
|
||||||
|
"report_pk": 2,
|
||||||
|
"date_submitted": "2019-03-04T08:00:00Z",
|
||||||
|
"sections": [
|
||||||
|
{
|
||||||
|
"title": "Payment Option - Check",
|
||||||
|
"rule_violations": [],
|
||||||
|
"fields": [
|
||||||
|
{
|
||||||
|
"field_type": "string",
|
||||||
|
"label": "City",
|
||||||
|
"field_name": "city",
|
||||||
|
"value": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"completed": true,
|
||||||
|
"id": 10,
|
||||||
|
"html_description": "<p>Description</p>"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"submitted": false,
|
||||||
|
"reference_number": "1234",
|
||||||
|
"date_created": "2019-03-04T08:00:00Z"
|
||||||
|
};
|
||||||
|
|
||||||
|
let viewReportTest3Expected = `<div class="modal fade" id="viewReportModal" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="viewReportModalLabel">New Report 1 3/4/2019</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-view"><div class="card"><div class="card-header"><div class="card-body"><h4>Payment Option - Check</h4><p>City: None</p></div></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
let viewReportTest4 = {
|
||||||
|
"title": "New Report 1",
|
||||||
|
"report_pk": 2,
|
||||||
|
"date_submitted": "2019-03-04T08:00:00Z",
|
||||||
|
"sections": [
|
||||||
|
{
|
||||||
|
"title": "Pre-trip Planning",
|
||||||
|
"rule_violations": [],
|
||||||
|
"fields": [
|
||||||
|
{
|
||||||
|
"field_type": "date",
|
||||||
|
"label": "Departure date",
|
||||||
|
"field_name": "departure_date",
|
||||||
|
"value": "None"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"completed": true,
|
||||||
|
"id": 10,
|
||||||
|
"html_description": "<p>Description</p>"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"submitted": false,
|
||||||
|
"reference_number": "1234",
|
||||||
|
"date_created": "2019-03-04T08:00:00Z"
|
||||||
|
};
|
||||||
|
|
||||||
|
let viewReportTest4Expected = `<div class="modal fade" id="viewReportModal" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="viewReportModalLabel">New Report 1 3/4/2019</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-view"><div class="card"><div class="card-header"><div class="card-body"><h4>Pre-trip Planning</h4><p>Departure date: None</p></div></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
let viewReportTest5 = {
|
||||||
|
"title": "New Report 1",
|
||||||
|
"report_pk": 2,
|
||||||
|
"date_submitted": "2019-03-04T08:00:00Z",
|
||||||
|
"sections": [
|
||||||
|
{
|
||||||
|
"title": "Hotel / Lodging",
|
||||||
|
"rule_violations": [],
|
||||||
|
"fields": [
|
||||||
|
{
|
||||||
|
"field_type": "decimal",
|
||||||
|
"label": "USGSA Per diem rate",
|
||||||
|
"field_name": "per_diem_rate",
|
||||||
|
"value": "0.00"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"field_type": "decimal",
|
||||||
|
"label": "Total cost for lodging",
|
||||||
|
"field_name": "cost",
|
||||||
|
"value": "0.00"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"field_type": "date",
|
||||||
|
"label": "Check-in date",
|
||||||
|
"field_name": "check_in_date",
|
||||||
|
"value": "None"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"field_type": "date",
|
||||||
|
"label": "Check-out date",
|
||||||
|
"field_name": "check_out_date",
|
||||||
|
"value": "None"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"field_type": "file",
|
||||||
|
"label": "Screenshot of invoice",
|
||||||
|
"field_name": "invoice_screenshot",
|
||||||
|
"value": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"completed": true,
|
||||||
|
"id": 10,
|
||||||
|
"html_description": "<p>Description</p>"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"submitted": false,
|
||||||
|
"reference_number": "1234",
|
||||||
|
"date_created": "2019-03-04T08:00:00Z"
|
||||||
|
};
|
||||||
|
|
||||||
|
let viewReportTest5Expected = `<div class="modal fade" id="viewReportModal" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="viewReportModalLabel">New Report 1 3/4/2019</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-view"><div class="card"><div class="card-header"><div class="card-body"><h4>Hotel / Lodging</h4><p>USGSA Per diem rate: 0.00</p><p>Total cost for lodging: 0.00</p><p>Check-in date: None</p><p>Check-out date: None</p><p>Screenshot of invoice: None</p></div></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue