From 0bd33d6f00f135abfd2acd1cc981afcfb0a2f0a3 Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Sat, 04 May 2019 13:08:27 +0000 Subject: [PATCH] Switch to Nightwatch.js for browser tests --- index.js | 176 ++++++++++++++++++++++++++++++++-------------------------- 1 files changed, 98 insertions(+), 78 deletions(-) diff --git a/index.js b/index.js index 3a7e3f5..924e93c 100644 --- a/index.js +++ b/index.js @@ -1,5 +1,5 @@ -//var ttss_base = 'http://www.ttss.krakow.pl/internetservice'; -var ttss_base = '/proxy.php'; +"use strict"; + var ttss_refresh = 20000; // 20 seconds var page_title = document.getElementsByTagName('title')[0]; @@ -17,6 +17,7 @@ var times_xhr; var times_timer; +var times_stop_type = document.getElementById('times-stop-type'); var times_stop_name = document.getElementById('times-stop-name'); var times_alerts = document.getElementById('times-alerts'); var times_table = document.getElementById('times-table'); @@ -54,9 +55,9 @@ function fail_ajax(data) { // abort() is not a failure - if(data.readyState == 0 && data.statusText == 'abort') return; + if(data.readyState === 0) return; - if(data.status == 0) { + if(data.status === 0) { fail(lang.error_request_failed_connectivity, data); } else if (data.statusText) { fail(lang.error_request_failed_status.replace('$status', data.statusText), data); @@ -85,61 +86,78 @@ if(times_xhr) times_xhr.abort(); console.log('loadTimes(' + stopId + ')'); + + loading_start(); + + var prefix = stopId.substr(0, 1); + var stop = stopId.substr(1); + var url = ttss_urls[prefix]; + stop_id = stopId; ignore_hashchange = true; window.location.hash = '#!' + language + stopId; refresh_button.removeAttribute('disabled'); - loading_start(); + var alternative_stop = null; + var candidate; + for(var i = 0; i < stop_name_autocomplete.options.length; i++) { + candidate = stop_name_autocomplete.options[i].value; + if(candidate.substr(0, 1) != prefix && candidate.substr(1) == stop) { + alternative_stop = candidate; + break; + } + } + times_xhr = $.get( - ttss_base + '/services/passageInfo/stopPassages/stop' - + '?stop=' + encodeURIComponent(stopId) + url + '/services/passageInfo/stopPassages/stop' + + '?stop=' + encodeURIComponent(stop) + '&mode=departure' ).done(function(data) { - setText(times_stop_name, data.stopName); - setText(page_title, lang.page_title_stop_name.replace('$stop', data.stopName)); + setText(times_stop_type, lang.types['s' + prefix]); + setText(times_stop_name, normalizeName(data.stopName)); + setText(page_title, lang.page_title_stop_name.replace('$stop', normalizeName(data.stopName))); deleteChildren(times_alerts); deleteChildren(times_table); //deleteChildren(times_lines); - for(var i = 0, il = data.generalAlerts.length; i < il; i++) { + if(alternative_stop !== null) { + var a = addParaWithText(times_alerts, ''); + a = addElementWithText(a, 'a', (prefix == 'b' ? lang.departures_for_trams : lang.departures_for_buses)); + a.href = ''; + a.onclick = function(e) { + e.preventDefault(); + loadTimes(alternative_stop); + }; + + } + + var i, il; + for(i = 0, il = data.generalAlerts.length; i < il; i++) { addParaWithText(times_alerts, data.generalAlerts[i].title); } - for(var i = 0, il = data.old.length; i < il; i++) { - var tr = document.createElement('tr'); - addCellWithText(tr, data.old[i].patternText); - var dir_cell = addCellWithText(tr, data.old[i].direction); - var vehicle = parseVehicle(data.old[i].vehicleId); + var all_departures = data.old.concat(data.actual); + var tr, dir_cell, vehicle, status, status_cell, delay, delay_cell; + for(i = 0, il = all_departures.length; i < il; i++) { + tr = document.createElement('tr'); + addCellWithText(tr, all_departures[i].patternText); + dir_cell = addCellWithText(tr, all_departures[i].direction); + vehicle = parseVehicle(prefix + all_departures[i].vehicleId); dir_cell.appendChild(displayVehicle(vehicle)); addCellWithText(tr, (vehicle ? vehicle.num : '')).className = 'vehicleData'; - var status = parseStatus(data.old[i]); - addCellWithText(tr, status); - addCellWithText(tr, ''); + status = parseStatus(all_departures[i]); + status_cell = addCellWithText(tr, status); + delay = parseDelay(all_departures[i]); + delay_cell = addCellWithText(tr, delay); - tr.className = 'active'; - tr.addEventListener('click', function(tripId, vehicleInfo) { - return function(){ loadRoute(tripId, vehicleInfo); } - }(data.old[i].tripId, vehicle)); - times_table.appendChild(tr); - } - - for(var i = 0, il = data.actual.length; i < il; i++) { - var tr = document.createElement('tr'); - addCellWithText(tr, data.actual[i].patternText); - var dir_cell = addCellWithText(tr, data.actual[i].direction); - var vehicle = parseVehicle(data.actual[i].vehicleId); - dir_cell.appendChild(displayVehicle(vehicle)); - addCellWithText(tr, (vehicle ? vehicle.num : '')).className = 'vehicleData'; - var status = parseStatus(data.actual[i]); - var status_cell = addCellWithText(tr, status); - var delay = parseDelay(data.actual[i]); - var delay_cell = addCellWithText(tr, delay); - - if(data.actual[i].status == 'STOPPING') { + if(i < data.old.length) { + tr.className = 'active'; + } else if(all_departures[i].status === 'STOPPING') { tr.className = 'success'; - status_cell.className = 'status-boarding'; + if (all_departures[i].actualRelativeTime <= 0) { + status_cell.className = 'status-boarding'; + } } else if(parseInt(delay) > 9) { tr.className = 'danger'; delay_cell.className = 'status-delayed'; @@ -149,7 +167,7 @@ tr.addEventListener('click', function(tripId, vehicleInfo) { return function(){ loadRoute(tripId, vehicleInfo); } - }(data.actual[i].tripId, vehicle)); + }(prefix + all_departures[i].tripId, vehicle)); times_table.appendChild(tr); } @@ -168,6 +186,7 @@ times_timer = setTimeout(function(){ loadTimes(); loadRoute(); }, ttss_refresh); }).fail(fail_ajax).always(loading_end); + return times_xhr; } function loadRoute(tripId, vehicleInfo) { @@ -177,13 +196,17 @@ if(vehicleInfo === undefined) vehicleInfo = route_vehicle_info; console.log('loadRoute(' + tripId + ')'); + + var prefix = tripId.substr(0, 1); + var trip = tripId.substr(1); + route_id = tripId; route_vehicle_info = vehicleInfo; if(route_xhr) route_xhr.abort(); route_xhr = $.get( - ttss_base + '/services/tripInfo/tripPassages' - + '?tripId=' + encodeURIComponent(tripId) + ttss_urls[prefix] + '/services/tripInfo/tripPassages' + + '?tripId=' + encodeURIComponent(trip) + '&mode=departure' ).done(function(data) { if(!data.routeName || !data.directionText || data.old.length + data.actual.length == 0) { @@ -204,28 +227,23 @@ deleteChildren(route_table); - for(var i = 0, il = data.old.length; i < il; i++) { - var tr = document.createElement('tr'); - addCellWithText(tr, data.old[i].actualTime || data.old[i].plannedTime); - addCellWithText(tr, data.old[i].stop_seq_num + '. ' + data.old[i].stop.name); + var all_departures = data.old.concat(data.actual); + var tr; + for(var i = 0, il = all_departures.length; i < il; i++) { + tr = document.createElement('tr'); + addCellWithText(tr, all_departures[i].actualTime || all_departures[i].plannedTime); + addCellWithText(tr, all_departures[i].stop_seq_num + '. ' + all_departures[i].stop.name); - tr.className = 'active'; - tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(data.old[i].stop.shortName) ); - route_table.appendChild(tr); - } - - for(var i = 0, il = data.actual.length; i < il; i++) { - var tr = document.createElement('tr'); - addCellWithText(tr, data.actual[i].actualTime || data.actual[i].plannedTime); - addCellWithText(tr, data.actual[i].stop_seq_num + '. ' + data.actual[i].stop.name); - - if(data.actual[i].status == 'STOPPING') { + if(i < data.old.length) { + tr.className = 'active'; + } else if(all_departures[i].status === 'STOPPING') { tr.className = 'success'; } - tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(data.actual[i].stop.shortName) ); + tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(prefix + all_departures[i].stop.shortName) ); route_table.appendChild(tr); } }).fail(fail_ajax); + return route_xhr; } function startTimer(date) { @@ -269,7 +287,7 @@ var text_name; for(var i = 0; i < elements.length; i++) { text_name = elements[i].dataset.translate; - if(lang[text_name] == undefined) { + if(typeof lang[text_name] === 'undefined') { console.log('Missing translation: ' + text_name); continue; } @@ -302,13 +320,15 @@ } language = lang; + var old_script = document.getElementById('lang_script'); + var old_version = old_script.src.match(/\?v[0-9]+/)[0]; var script = document.createElement('script'); script.type = 'text/javascript'; - script.src = 'lang_' + lang + '.js'; + script.src = 'lang_' + lang + '.js' + (old_version ? old_version : ''); script.id = 'lang_script'; script.onload = translate; - document.body.removeChild(document.getElementById('lang_script')); + document.body.removeChild(old_script); document.body.appendChild(script); ignore_hashchange = true; @@ -324,13 +344,22 @@ } if(window.location.hash.match(/^#![0-9]+$/)) { - loadTimes(parseInt(window.location.hash.substr(2))); + loadTimes('t' + window.location.hash.substr(2)); + } else if(window.location.hash.match(/^#![bt][0-9]+$/)) { + loadTimes(window.location.hash.substr(2)); } else if(window.location.hash.match(/^#![a-z]{2}[0-9]*$/)) { - var stop = parseInt(window.location.hash.substr(4)); + var stop = 't' + window.location.hash.substr(4); if(stop) stop_id = stop; if(!change_language(window.location.hash.substr(2, 2))) { - loadTimes(parseInt(window.location.hash.substr(2))); + loadTimes(stop); + } + } else if(window.location.hash.match(/^#![a-z]{2}[bt][0-9]*$/)) { + var stop = window.location.hash.substr(4); + if(stop) stop_id = stop; + + if(!change_language(window.location.hash.substr(2, 2))) { + loadTimes(stop); } } } @@ -339,33 +368,22 @@ if(stop_name_autocomplete_xhr) stop_name_autocomplete_xhr.abort(); stop_name_autocomplete_xhr = $.get( - 'stops.php?query=' + encodeURIComponent(stop_name.value) + 'stops/?query=' + encodeURIComponent(stop_name.value) ).done(function(data) { deleteChildren(stop_name_autocomplete); for(var i = 0, il = data.length; i < il; i++) { - if(data[i].type != 'stop') continue; - if(data[i].id > 6000) continue; var opt = document.createElement('option'); opt.value = data[i].id; - setText(opt, data[i].name); + setText(opt, lang.select_stop_type[data[i].id.substr(0,1)].replace('$stop', data[i].name)); stop_name_autocomplete.appendChild(opt); } if(!stop_id) setText(refresh_text, lang.select_stop_click_go); }).fail(fail_ajax); + return stop_name_autocomplete_xhr; } function init() { - if(!window.jQuery) { - fail(lang.jquery_not_loaded); - return; - } - - $.ajaxSetup({ - dataType: 'json', - timeout: 10000, - }); - lang_select.addEventListener('input', function(e) { change_language(lang_select.value); }); @@ -400,6 +418,8 @@ setText(vehicle_data_style, '.vehicleData { display: table-cell; }') }); + updateVehicleInfo() + hash(); window.addEventListener('hashchange', hash); -- Gitblit v1.9.1