113 lines
3.8 KiB
JavaScript
113 lines
3.8 KiB
JavaScript
// Synthetic QA only; tile traffic is blocked to avoid automated OSM downloads.
|
|
const target = await (
|
|
await fetch('http://127.0.0.1:9224/json/new?about:blank', { method: 'PUT' })
|
|
).json();
|
|
const ws = new WebSocket(target.webSocketDebuggerUrl);
|
|
await new Promise((resolve) =>
|
|
ws.addEventListener('open', resolve, { once: true }),
|
|
);
|
|
let sequence = 0;
|
|
const pending = new Map();
|
|
const errors = [];
|
|
ws.onmessage = (event) => {
|
|
const message = JSON.parse(event.data);
|
|
if (message.method === 'Runtime.exceptionThrown')
|
|
errors.push(message.params.exceptionDetails.text);
|
|
if (message.id) {
|
|
const callback = pending.get(message.id);
|
|
pending.delete(message.id);
|
|
if (message.error) callback.reject(message.error);
|
|
else callback.resolve(message.result);
|
|
}
|
|
};
|
|
const send = (method, params = {}) =>
|
|
new Promise((resolve, reject) => {
|
|
const id = ++sequence;
|
|
pending.set(id, { resolve, reject });
|
|
ws.send(JSON.stringify({ id, method, params }));
|
|
});
|
|
const evaluate = async (expression) => {
|
|
const response = await send('Runtime.evaluate', {
|
|
expression,
|
|
returnByValue: true,
|
|
awaitPromise: true,
|
|
});
|
|
if (response.exceptionDetails)
|
|
throw Error(JSON.stringify(response.exceptionDetails));
|
|
return response.result?.value;
|
|
};
|
|
const wait = async (expression) => {
|
|
for (let i = 0; i < 150; i++) {
|
|
if (await evaluate(expression)) return;
|
|
await new Promise((resolve) => setTimeout(resolve, 100));
|
|
}
|
|
throw Error('Timed out: ' + expression);
|
|
};
|
|
try {
|
|
await send('Runtime.enable');
|
|
await send('Page.enable');
|
|
await send('Network.enable');
|
|
await send('Network.setBlockedURLs', {
|
|
urls: ['*://tile.openstreetmap.org/*'],
|
|
});
|
|
await send('Page.navigate', {
|
|
url: 'http://127.0.0.1:18027/oportunidades',
|
|
});
|
|
await wait(`document.querySelectorAll('.leaflet-marker-icon').length===1`);
|
|
await evaluate(`document.querySelector('.leaflet-marker-icon').click()`);
|
|
await wait(
|
|
`document.querySelector('.leaflet-popup-content')?.textContent.includes('Synthetic map marker')`,
|
|
);
|
|
if (
|
|
!(await evaluate(
|
|
`document.querySelector('.leaflet-popup-content a')?.getAttribute('href')==='/oportunidades/synthetic-map-browser'`,
|
|
))
|
|
)
|
|
throw Error('Missing detail link');
|
|
await evaluate(
|
|
`document.querySelector('.leaflet-control-zoom-in').click()`,
|
|
);
|
|
const layouts = [];
|
|
for (const width of [390, 1440]) {
|
|
await send('Emulation.setDeviceMetricsOverride', {
|
|
width,
|
|
height: 900,
|
|
deviceScaleFactor: 1,
|
|
mobile: width < 600,
|
|
});
|
|
layouts.push({
|
|
width,
|
|
noOverflow: await evaluate(
|
|
'document.documentElement.scrollWidth<=innerWidth+1',
|
|
),
|
|
});
|
|
}
|
|
await evaluate(
|
|
`window.__mapSentinel=1;document.querySelector('main form input').focus()`,
|
|
);
|
|
await send('Input.insertText', { text: 'NoMatchingSyntheticInvestment' });
|
|
await wait(
|
|
`location.search.includes('NoMatchingSyntheticInvestment') && document.querySelectorAll('.leaflet-marker-icon').length===0`,
|
|
);
|
|
if (!(await evaluate(`window.__mapSentinel===1`)))
|
|
throw Error('Full page reload detected');
|
|
if (errors.length || layouts.some((l) => !l.noOverflow))
|
|
throw Error('Browser validation failed');
|
|
console.log(
|
|
JSON.stringify({
|
|
marker: true,
|
|
popup: true,
|
|
detail_link: true,
|
|
zoom_control: true,
|
|
automatic_filter: true,
|
|
no_full_reload: true,
|
|
layouts,
|
|
javascript_errors: errors.length,
|
|
tiles_blocked_for_test: true,
|
|
}),
|
|
);
|
|
} finally {
|
|
ws.close();
|
|
await fetch(`http://127.0.0.1:9224/json/close/${target.id}`);
|
|
}
|