fix(loadtest): added retry with wss to avoid browser security errors
This commit is contained in:
@@ -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 ()
|
||||||
|
|||||||
Reference in New Issue
Block a user