show the response body in the separate box

Author: hongwei1

apitester/runtests/static/runtests/js/runtests.js

@@ -22,6 +22,7 @@ $(function() {
 			var msg = '';
 			var collapse = '';
 			var text = `<pre>${escapeHTML(data['text'])}</pre>`;
+			const collapseId = data['config']['operation_id'].replace(/\./g, '_')
 			if (!data['success']) {
 				alertType = 'danger';
 				msg = '<ul>';
@@ -30,10 +31,10 @@ $(function() {
 				}
 				msg += '</ul>';
 			} else {
-				collapse = `<button type='button' class='btn btn-xs btn-success pull-right' data-toggle='collapse' data-target='#${data['config']['operation_id']}' aria-expanded='false'><span class='glyphicon glyphicon-chevron-right'></span><span class='glyphicon glyphicon-chevron-down'></span></button>`;
-				text = `<div id='${data['config']['operation_id']}' class='collapse'>${text}</div>`;
+				collapse = `<button type='button' class='btn btn-xs btn-success pull-right' data-toggle='collapse' data-target='#${collapseId}' aria-expanded='false'><span class='glyphicon glyphicon-chevron-right'></span><span class='glyphicon glyphicon-chevron-down'></span></button>"`;
+				text = `<div id='${collapseId}' class='collapse'>${data['text']}</div>`;
 			}
-			var result =`<div class='alert alert-${alertType}'><div class='row'><div class='col-xs-10 col-sm-11'>${data['config']['summary']}<br />${data['config']['urlpath']}<br />Took ${data['execution_time']} ms<br />Status Code: ${data['status_code']}</div><div class='col-xs-2 col-sm-1'>${collapse}</div></div>${data['text']}</div>`;
+			var result =`<div class='alert alert-${alertType}'><div class='row'><div class='col-xs-10 col-sm-11'>${data['config']['summary']}<br />${data['config']['urlpath']}<br />Took ${data['execution_time']} ms<br />Status Code: ${data['status_code']}</div><div class='col-xs-2 col-sm-1'>${collapse}</div></div>${text}</div>`;
 			$(runner.find('.result')).append(result);
 		});
 	}