From abc8b02a9c73e68f435d8971b2ef0e1970f42212 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Tue, 28 May 2024 15:42:04 -0700 Subject: WIP: select counter test --- test/integration/fixtures/scenario-test.svg | 24 ++++++- test/integration/page.test.js | 99 ++++------------------------- 2 files changed, 35 insertions(+), 88 deletions(-) (limited to 'test/integration') diff --git a/test/integration/fixtures/scenario-test.svg b/test/integration/fixtures/scenario-test.svg index 0e12afb..d4d8453 100644 --- a/test/integration/fixtures/scenario-test.svg +++ b/test/integration/fixtures/scenario-test.svg @@ -1,6 +1,6 @@ diff --git a/test/integration/page.test.js b/test/integration/page.test.js index f708c4f..7046ef0 100644 --- a/test/integration/page.test.js +++ b/test/integration/page.test.js @@ -55,107 +55,36 @@ 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); - - // 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`), ` - // - // - // `); - - - // const browser = await puppeteer.launch(); - - // // Create a page - // const page = await browser.newPage(); - - // await page.setRequestInterception(true); - - // page.on('request', interceptedRequest => { - // console.log('intercept req url', interceptedRequest.url()); - // interceptedRequest.continue(); - // }); - - // // Go to your site - // await page.goto('http://localhost:3005'); - - - // await browser.close(); - + await driver.wait(until.elementLocated(By.css('#dice')), 1000); + await driver.switchTo().frame(await driver.findElement(By.css('object'))); - // 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); - // const selector = '.counter[data-allegiance="attacker"][data-number="1"]', - // svg = await driver.findElement(By.css('svg')), - // counter = await driver.findElement(By.css(selector), svg); + await counter.click(); - // await driver.findElement(By.css('#dice')); + expect(await counter.getAttribute('class')).toEqual(expect.stringContaining('selected')); + await driver.switchTo().defaultContent(); + expect(await driver.findElement(By.css('.soldier-record')).getAttribute('class')).toEqual(expect.stringContaining('selected')); - // await counter.click(); + await driver.switchTo().frame(await driver.findElement(By.css('object'))); + await counter.click(); - // expect(await counter.getAttribute('class')).toEqual(expect.stringContaining('selected')); - // await takeScreenshot(driver); + expect(await counter.getAttribute('class')).toEqual(expect.not.stringContaining('selected')); + await driver.switchTo().defaultContent(); + expect(await driver.findElement(By.css('.soldier-record')).getAttribute('class')).toEqual(expect.not.stringContaining('selected')); }); afterEach(async () => { -- cgit v1.2.3