Web Dev Solutions

Catalin Mititiuc

From a80728f16f90616d93dcc9ed932528b35e2ef62d Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Fri, 24 May 2024 15:59:17 -0700 Subject: WIP: mock selenium response --- test/integration/fixtures/index.html | 8 --- test/integration/fixtures/scenario-test.svg | 102 ++++++++++++++++++++++++++++ test/integration/page.test.js | 71 ++++++++++++++++--- 3 files changed, 164 insertions(+), 17 deletions(-) delete mode 100644 test/integration/fixtures/index.html create mode 100644 test/integration/fixtures/scenario-test.svg (limited to 'test/integration') diff --git a/test/integration/fixtures/index.html b/test/integration/fixtures/index.html deleted file mode 100644 index 11e23c0..0000000 --- a/test/integration/fixtures/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - Infantry Combat Solo Basic - - - - diff --git a/test/integration/fixtures/scenario-test.svg b/test/integration/fixtures/scenario-test.svg new file mode 100644 index 0000000..0e12afb --- /dev/null +++ b/test/integration/fixtures/scenario-test.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + 2 + 3 + 4 + 5 + 6 + 7 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/test/integration/page.test.js b/test/integration/page.test.js index e4739b0..f708c4f 100644 --- a/test/integration/page.test.js +++ b/test/integration/page.test.js @@ -1,4 +1,6 @@ -const { Builder, By } = require('selenium-webdriver'), +const { ProvideResponseParameters } = require('selenium-webdriver/bidi/provideResponseParameters'); + +const { Builder, By, until } = require('selenium-webdriver'), chrome = require('selenium-webdriver/chrome.js'), getNetworkInstance = require('selenium-webdriver/bidi/network.js'), { AddInterceptParameters } = require('selenium-webdriver/bidi/addInterceptParameters'), @@ -10,8 +12,10 @@ const { Builder, By } = require('selenium-webdriver'), { tmpdir } = require('os'), puppeteer = require('puppeteer'); -const DIR = path.resolve(tmpdir(), 'test-dir'); +const { HttpResponse } = require('selenium-webdriver/devtools/networkinterceptor'); +const fs = require('node:fs/promises'); +const DIR = path.resolve(tmpdir(), 'test-dir'); chromeOptions.addArguments('--headless', '--disable-gpu', '--no-sandbox'); chromeOptions.enableBidi(); @@ -53,17 +57,66 @@ it('loads the page', async () => { it.only('selects an off-board soldier', async () => { // it.only.each(Array(10).fill(null))('selects an off-board soldier', async () => { - const id = await driver.getWindowHandle(); - const network = await getNetworkInstance(driver, id); - await network.beforeRequestSent(function (event) { - console.log('request url', event.request.url); - }); + // const id = await driver.getWindowHandle(); + // const network = await getNetworkInstance(driver, id); // const intercept = await network.addIntercept(new AddInterceptParameters(InterceptPhase.BEFORE_REQUEST_SENT)); + // await network.beforeRequestSent(async event => { + // console.log('request url', event.request.url); + // await network.provideResponse(new ProvideResponseParameters(event.request)); + // }); + + // await network.responseStarted(async event => { + // if (event.response.url.includes('scenario')) + // console.log('response', event.response); + // }); + + // await network.responseStarted(async (event) => { + // if (event.response.url.includes('scenario')) { + // console.log('event', event); + // console.log('request', event.request); + // console.log('response', event.response.result); + // } + // }); + + // await network.beforeRequestSent(async (event) => { + // if (event.request.url.includes('scenario')) { + // console.log('event', event); + // console.log('request', event.request.request); + // await network.provideResponse(new ProvideResponseParameters(event.request.request)); + // // await network.failRequest(event.request.request); + // } + // }); + + const connection = await driver.createCDPConnection('page') + const url = 'http://localhost:3005/assets/images/scenario-side_show.svg'; + const httpResponse = new HttpResponse(url); + + // httpResponse.body = ` + // + // + // `; + + httpResponse.body = await fs.readFile('./test/integration/fixtures/scenario-test.svg', 'utf8'); + httpResponse.addHeaders('Content-Type', 'image/svg+xml'); + + await driver.onIntercept(connection, httpResponse, async function () { + console.log('intercepted'); + // await driver.switchTo().frame(await driver.findElement(By.css('object'))); + // console.log(await driver.getPageSource()); + }); + await driver.get('http://localhost:3005'); + // expect(await driver.getTitle()).toEqual('Infantry Combat Solo Basic'); + + await driver.wait(until.elementIsVisible(driver.findElement(By.css('object'))), 1000); + // await driver.wait(until.elementLocated(By.css('#dice')), 1000); + takeScreenshot(driver); // await driver.switchTo().frame(await driver.findElement(By.css('object'))); + // console.log(await driver.getPageSource()); + // const testDir = path.dirname(expect.getState().testPath); // await writeFile(path.join(testDir, `scenario.svg`), ` // @@ -91,18 +144,18 @@ it.only('selects an off-board soldier', async () => { // await browser.close(); - // console.log('test dir', testDir); // const selector = '.counter[data-allegiance="attacker"][data-number="1"]', // svg = await driver.findElement(By.css('svg')), // counter = await driver.findElement(By.css(selector), svg); - // takeScreenshot(driver); + // await driver.findElement(By.css('#dice')); // await counter.click(); // expect(await counter.getAttribute('class')).toEqual(expect.stringContaining('selected')); + // await takeScreenshot(driver); }); afterEach(async () => { -- cgit v1.2.3