]> git.openstreetmap.org Git - nominatim-ui.git/blob - test/details.js
Add tests for running API and UI on the same server port (#151)
[nominatim-ui.git] / test / details.js
1 const assert = require('assert');
2
3 describe('Details Page', function () {
4   let page;
5
6   describe('No search', function () {
7     before(async function () {
8       page = await browser.newPage();
9       await page.goto('http://localhost:9999/details.html');
10     });
11
12     after(async function () {
13       await page.close();
14     });
15
16     it('should have a HTML page title', async function () {
17       assert.equal(await page.title(), 'Nominatim Demo');
18     });
19   });
20
21   describe('With search', function () {
22     before(async function () {
23       page = await browser.newPage();
24       await page.goto('http://localhost:9999/details.html');
25       await page.type('input[type=edit]', 'W5013364');
26       await page.click('button[type=submit]');
27       await page.waitForSelector('.container .row');
28     });
29
30     after(async function () {
31       await page.close();
32     });
33
34     it('should have header title as Eiffel Tower', async function () {
35       let page_header = await page.$eval('.container h1', el => el.textContent);
36
37       assert.ok(page_header.includes('Eiffel Tower'));
38     });
39
40     it('should have link to https://www.openstreetmap.org/way/5013364', async function () {
41
42       assert.strictEqual((await page.$$('a[href="https://www.openstreetmap.org/way/5013364"]')).length, 1);
43     });
44
45     it('should change page url and add new header on clicking display keywords', async function () {
46       let current_url;
47       let display_headers;
48       let [display_keywords_btn] = await page.$x("//a[contains(text(), 'display keywords')]");
49
50       await display_keywords_btn.click();
51       await page.waitForNavigation();
52
53       current_url = new URL(await page.url());
54       assert.strictEqual(current_url.searchParams.get('keywords'), '1');
55
56       await page.waitForSelector('h3');
57       display_headers = await page.$$eval('h3', elements => elements.map(el => el.textContent));
58       assert.deepStrictEqual(display_headers, ['Name Keywords', 'Address Keywords']);
59     });
60
61     it('should change page url on clicking display child places', async function () {
62       let current_url;
63       let [child_places_btn] = await page.$x("//a[contains(text(), 'display child places')]");
64
65       await child_places_btn.click();
66       await page.waitForNavigation();
67
68       current_url = new URL(await page.url());
69       assert.strictEqual(current_url.searchParams.get('hierarchy'), '1');
70     });
71
72     it('should have case-insenstive input and can navigate to other details', async function () {
73       let input_field = await page.$('input[type=edit]');
74       await input_field.click({ clickCount: 3 });
75       await input_field.type('w375257537');
76       await page.click('button[type=submit]');
77
78       await page.waitForSelector('a[href="https://www.openstreetmap.org/way/375257537"]');
79       assert.ok((await page.$eval('.container h1', el => el.textContent)).includes('Taj Mahal'));
80     });
81   });
82 });