]> git.openstreetmap.org Git - nominatim-ui.git/blob - test/details.js
upgrade Bootstrap 4 => 5, remove jquery (#146)
[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 - no place found', 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]', 'n3');
26       await page.click('button[type=submit]');
27       await page.waitForSelector('#api-request');
28     });
29
30
31     it('should display error', async function () {
32       let page_content = await page.$eval('body', el => el.textContent);
33
34       assert.ok(page_content.includes('No place with that OSM ID found'));
35     });
36
37     after(async function () {
38       await page.close();
39     });
40   });
41
42   describe('With search - Vaduz (Liechtenstein)', function () {
43     before(async function () {
44       page = await browser.newPage();
45       await page.goto('http://localhost:9999/details.html');
46       await page.type('input[type=edit]', 'R1155956');
47       await page.click('button[type=submit]');
48       await page.waitForSelector('table#address');
49     });
50
51     after(async function () {
52       await page.close();
53     });
54
55     it('should have header title', async function () {
56       let page_header = await page.$eval('.container h1', el => el.textContent);
57
58       assert.ok(page_header.includes('Vaduz'));
59     });
60
61     it('should have OSM link', async function () {
62
63       assert.strictEqual((await page.$$('a[href="https://www.openstreetmap.org/relation/1155956"]')).length, 2);
64     });
65
66     it('should change page url and add new header on clicking display keywords', async function () {
67       let current_url;
68       let display_headers;
69       let [display_keywords_btn] = await page.$x("//a[contains(text(), 'display keywords')]");
70
71       await display_keywords_btn.evaluate(node => node.click());
72       await page.waitForNavigation();
73
74       current_url = new URL(await page.url());
75       assert.strictEqual(current_url.searchParams.get('keywords'), '1');
76
77       await page.waitForSelector('h3');
78       display_headers = await page.$$eval('h3', elements => elements.map(el => el.textContent));
79       assert.deepStrictEqual(display_headers, ['Name Keywords', 'Address Keywords']);
80
81       let page_content = await page.$eval('body', el => el.textContent);
82       assert.ok(page_content.includes('qwaansshe')); // one of the name keywords
83     });
84
85     it('should change page url on clicking display child places', async function () {
86       let current_url;
87       let [child_places_btn] = await page.$x("//a[contains(text(), 'display child places')]");
88
89       await child_places_btn.evaluate(node => node.click());
90       await page.waitForNavigation();
91       await page.waitForSelector('table#address');
92
93       current_url = new URL(await page.url());
94       assert.strictEqual(current_url.searchParams.get('hierarchy'), '1');
95
96       let page_content = await page.$eval('body', el => el.textContent);
97       assert.ok(page_content.includes('Alte Landstrasse')); // one of the streets
98     });
99
100     it('should support case-insenstive search, can navigate to new page', async function () {
101       let input_field = await page.$('input[type=edit]');
102       await input_field.click({ clickCount: 3 });
103       await input_field.type('w375257537');
104       await page.click('button[type=submit]');
105
106       await page.waitForSelector('a[href="https://www.openstreetmap.org/way/375257537"]');
107       assert.ok((await page.$eval('.container h1', el => el.textContent)).includes('Taj Mahal'));
108     });
109   });
110
111   describe('Place without name, keywords, hierarchy', function () {
112     // e.g. a numeric house number
113     before(async function () {
114       page = await browser.newPage();
115       await page.goto('http://localhost:9999/details.html?osmtype=N&osmid=946563004&keywords=1&hierarchy=1');
116       await page.waitForSelector('.container .row');
117     });
118
119     after(async function () {
120       await page.close();
121     });
122
123     it('should display No Name, no keywords, no hierarchy', async function () {
124       let page_content = await page.$eval('body', el => el.textContent);
125
126       assert.ok(page_content.includes('Name No Name'));
127       assert.ok(page_content.includes('Place has no keywords'));
128       assert.ok(page_content.includes('Place is not parent of other places'));
129     });
130   });
131 });