Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/test/integration
diff options
context:
space:
mode:
authorCatalin Mititiuc <webdevcat@proton.me>2024-05-28 15:42:04 -0700
committerCatalin Mititiuc <webdevcat@proton.me>2024-05-28 15:42:04 -0700
commitabc8b02a9c73e68f435d8971b2ef0e1970f42212 (patch)
treea3660f4791baf571c6c4f0822f896aa5b171631b /test/integration
parent528a370ddcf9bc63b0b5ec757ee2ac97c505131e (diff)
WIP: select counter test
Diffstat (limited to 'test/integration')
-rw-r--r--test/integration/fixtures/scenario-test.svg24
-rw-r--r--test/integration/page.test.js99
2 files changed, 35 insertions, 88 deletions
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 @@
<?xml version="1.0" standalone="no"?>
<svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg">
- <!-- <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css"/> -->
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
<style>
g[data-edge="north"] { --i: -2; }
g[data-edge="south"] { --i: 52; }
@@ -95,8 +95,26 @@
<g id="shapes"/>
<g id="lines"/>
</g>
- <g class="grid"/>
+ <g class="grid">
+ <g data-y="0">
+ <g data-x="0"><use href="#hex"/></g>
+ <g data-x="1"><use href="#hex"/></g>
+ <g data-x="2"><use href="#hex"/></g>
+ </g>
+ <g data-y="1">
+ <g data-x="0"><use href="#hex"/></g>
+ <g data-x="1"><use href="#hex"/>
+ <g class="counter" data-allegiance="attacker" data-number="1"><use href="#counter-base"/><use class="troop-number" href="#t-2"/><use class="squad-number" href="#t-1"/><use class="primary-weapon" href="#rifle"/></g>
+ </g>
+ <g data-x="2"><use href="#hex"/></g>
+ </g>
+ <g data-y="2">
+ <g data-x="0"><use href="#hex"/></g>
+ <g data-x="1"><use href="#hex"/></g>
+ <g data-x="2"><use href="#hex"/></g>
+ </g>
+ </g>
</g>
- <script data-cols="10" data-rows="10"></script>
+ <script href="../../map.js"></script>
</svg>
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 = `<?xml version="1.0" standalone="no"?>
- // <svg viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg">
- // <circle cx="0" cy="0" r="50" fill="violet" />
- // </svg>`;
-
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`), `
- // <?xml version="1.0" standalone="no"?>
- // <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
- // </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 () => {