fix(loadtest): added retry with wss to avoid browser security errors

This commit is contained in:
ITQ
2025-07-25 17:15:19 +03:00
parent 62a233b6c4
commit dc8e1401e0
+45 -31
View File
@@ -263,47 +263,61 @@
function setupWebSocket () function setupWebSocket ()
{ {
const wsUrl = 'ws://' + window.location.host + '/ws' let wsUrl = 'ws://' + window.location.host + '/ws'
ws = new WebSocket( wsUrl ) let triedSecure = false
ws.onopen = () => console.log( 'WebSocket connected' ) function connect ( url )
ws.onclose = () => console.log( 'WebSocket disconnected' )
ws.onerror = ( error ) => console.error( 'WebSocket error:', error )
ws.onmessage = ( event ) =>
{ {
const data = JSON.parse( event.data ) ws = new WebSocket( url )
ws.onopen = () => console.log( 'WebSocket connected' )
if ( typeof data.isRunning !== 'undefined' ) ws.onclose = () => console.log( 'WebSocket disconnected' )
ws.onerror = ( error ) =>
{ {
if ( data.isRunning ) console.error( 'WebSocket error:', error )
if ( !triedSecure )
{ {
isRunning = true triedSecure = true
startStopBtn.textContent = 'Stop Test' wsUrl = 'wss://' + window.location.host + '/ws'
startStopBtn.classList.remove( 'bg-green-600', 'hover:bg-green-500' ) connect( wsUrl )
startStopBtn.classList.add( 'bg-red-600', 'hover:bg-red-500' )
configPanel.querySelectorAll( 'input, select' ).forEach( el => el.disabled = true )
} }
} }
ws.onmessage = ( event ) =>
if ( data.isRunning )
{ {
const now = new Date().toLocaleTimeString() const data = JSON.parse( event.data )
rpsStat.textContent = data.rps
latencyStat.textContent = data.latency.toFixed( 2 )
errorRateStat.textContent = data.errorRate.toFixed( 2 ) + '%'
totalReqsStat.textContent = data.totalReqs
totalErrorsStat.textContent = data.totalErrors
updateChart( rpsChart, now, data.rps ) if ( typeof data.isRunning !== 'undefined' )
updateChart( latencyChart, now, data.latency ) {
updateChart( errorRateChart, now, data.errorRate ) if ( data.isRunning )
} else {
{ isRunning = true
totalReqsStat.textContent = data.totalReqs startStopBtn.textContent = 'Stop Test'
totalErrorsStat.textContent = data.totalErrors startStopBtn.classList.remove( 'bg-green-600', 'hover:bg-green-500' )
startStopBtn.classList.add( 'bg-red-600', 'hover:bg-red-500' )
configPanel.querySelectorAll( 'input, select' ).forEach( el => el.disabled = true )
}
}
if ( data.isRunning )
{
const now = new Date().toLocaleTimeString()
rpsStat.textContent = data.rps
latencyStat.textContent = data.latency.toFixed( 2 )
errorRateStat.textContent = data.errorRate.toFixed( 2 ) + '%'
totalReqsStat.textContent = data.totalReqs
totalErrorsStat.textContent = data.totalErrors
updateChart( rpsChart, now, data.rps )
updateChart( latencyChart, now, data.latency )
updateChart( errorRateChart, now, data.errorRate )
} else
{
totalReqsStat.textContent = data.totalReqs
totalErrorsStat.textContent = data.totalErrors
}
} }
} }
connect( wsUrl )
} }
function setRunningState () function setRunningState ()