]> git.openstreetmap.org Git - nominatim-ui.git/blob - test/details.js
detail page: fix display when keywords from API are empty (#153)
[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 - Eiffel Tower', 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]', 'W5013364');
47       await page.click('button[type=submit]');
48       await page.waitForSelector('.container .row');
49     });
50
51     after(async function () {
52       await page.close();
53     });
54
55     it('should have header title as Eiffel Tower', async function () {
56       let page_header = await page.$eval('.container h1', el => el.textContent);
57
58       assert.ok(page_header.includes('Eiffel Tower'));
59     });
60
61     it('should have link to https://www.openstreetmap.org/way/5013364', async function () {
62
63       assert.strictEqual((await page.$$('a[href="https://www.openstreetmap.org/way/5013364"]')).length, 1);
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.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
82     it('should change page url on clicking display child places', async function () {
83       let current_url;
84       let [child_places_btn] = await page.$x("//a[contains(text(), 'display child places')]");
85
86       await child_places_btn.click();
87       await page.waitForNavigation();
88
89       current_url = new URL(await page.url());
90       assert.strictEqual(current_url.searchParams.get('hierarchy'), '1');
91     });
92
93     it('should have case-insenstive input and can navigate to other details', async function () {
94       let input_field = await page.$('input[type=edit]');
95       await input_field.click({ clickCount: 3 });
96       await input_field.type('w375257537');
97       await page.click('button[type=submit]');
98
99       await page.waitForSelector('a[href="https://www.openstreetmap.org/way/375257537"]');
100       assert.ok((await page.$eval('.container h1', el => el.textContent)).includes('Taj Mahal'));
101     });
102   });
103
104   describe('Place without name, keywords, hierarchy', function () {
105     // e.g. a numeric house number
106     before(async function () {
107       page = await browser.newPage();
108       await page.goto('http://localhost:9999/details.html?osmtype=N&osmid=946563004&keywords=1&hierarchy=1');
109       await page.waitForSelector('.container .row');
110     });
111
112     after(async function () {
113       await page.close();
114     });
115
116     it('should display No Name, no keywords, no hierarchy', async function () {
117       let page_content = await page.$eval('body', el => el.textContent);
118
119       assert.ok(page_content.includes('Name No Name'));
120       assert.ok(page_content.includes('Place has no keywords'));
121       assert.ok(page_content.includes('Place is not parent of other places'));
122     });
123   });
124 });