]> git.openstreetmap.org Git - nominatim-ui.git/blob - test/search.js
db16dbd806d7a22f230a96ba7271a8d15c7b99df
[nominatim-ui.git] / test / search.js
1 const assert = require('assert');
2
3 describe('Search 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/search.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     it('should have a welcome message', async function () {
21       let welcome_message = await page.$eval('#welcome h2', el => el.textContent);
22       assert.deepStrictEqual(welcome_message, 'Welcome to Nominatim');
23     });
24
25     it('should have a last_updated_: ... ago data', async function () {
26       await page.waitForSelector('abbr[id="data-date"]');
27
28       let last_updated = await page.$eval('abbr[id="data-date"]', el => el.textContent);
29       assert.ok(last_updated.includes('ago'));
30     });
31
32     it('should show map bounds buttons', async function () {
33       await page.waitForSelector('#map');
34       let show_map_pos_handle = await page.$('#show-map-position');
35       let map_pos_handle = await page.$('#map-position');
36
37       await show_map_pos_handle.click();
38       assert.strictEqual(await map_pos_handle.evaluate(node => node.style.display), 'block');
39
40       let map_pos_details = await page.$eval('#map-position-inner', el => el.textContent);
41       map_pos_details = map_pos_details.split(' \n');
42
43       let map_center_coor = map_pos_details[0]
44         .split('map center: ')[1].split(' view')[0].split(',');
45       let map_zoom = map_pos_details[1].split('map zoom: ')[1];
46       let map_viewbox = map_pos_details[2].split('viewbox: ')[1].split(',');
47       let last_click = map_pos_details[3].split('last click: ')[1];
48
49       assert.deepStrictEqual(map_center_coor.length, 2);
50       assert.ok(map_zoom);
51       assert.deepStrictEqual(map_viewbox.length, 4);
52       assert.deepStrictEqual(last_click, 'undefined');
53
54       await page.click('#map-position-close a');
55       assert.strictEqual(await map_pos_handle.evaluate(node => node.style.display), 'none');
56     });
57   });
58
59   describe('Search for City of London', function () {
60     before(async function () {
61       page = await browser.newPage();
62       await page.goto('http://localhost:9999/search.html');
63       await page.type('input[name=q]', 'City of London');
64       await page.click('button[type=submit]');
65       await page.waitForSelector('#searchresults');
66       // await page.screenshot({ path: "./screen.png", fullPage: true });
67     });
68
69     after(async function () {
70       await page.close();
71     });
72
73     it('should have a HTML page title', async function () {
74       assert.equal(await page.title(), 'Result for City of London | Nominatim Demo');
75     });
76
77     it('should have added search params', async function () {
78       let current_url = new URL(await page.url());
79       assert.strictEqual(current_url.searchParams.get('q'), 'City of London');
80     });
81
82     it('should atleast one result', async function () {
83       let results_count = await page.$$eval('#searchresults .result', elements => elements.length);
84       assert.ok(results_count > 1);
85     });
86
87     it('should have show more results button', async function () {
88       let [search_more_btn] = await page.$x("//a[contains(text(), 'Search for more results')]");
89       assert.ok(search_more_btn);
90     });
91
92     it('should display the API request and debug URL', async function () {
93       let link_titles = await page.$$eval('#api-request a', links => links.map(l => l.innerHTML));
94       assert.deepEqual(link_titles, ['API request', 'debug output']);
95     });
96
97     it('should not have polygon params in API request and debug URL', async function () {
98       let links_href = await page.$$eval('#api-request a', links => links.map(l => l.href));
99       let api_request_url = new URL(links_href[0]);
100       let debug_url = new URL(links_href[1]);
101
102       assert.deepStrictEqual(api_request_url.searchParams.has('polygon_geojson'), false);
103       assert.deepStrictEqual(debug_url.searchParams.has('polygon_geojson'), false);
104     });
105
106     it('should display a map', async function () {
107       await page.waitForSelector('#map');
108       assert.equal((await page.$$('#map')).length, 1);
109     });
110
111     it('should have polygon and marker in map and minimap', async function () {
112       assert.strictEqual((await page.$$('#map .leaflet-overlay-pane path')).length, 4);
113     });
114
115     it('should redirect to details page on clicking details button', async function () {
116       let current_url;
117       let page_header;
118       let results = await page.$$('#searchresults .result a');
119
120       await results[0].click();
121       await page.waitForSelector('table#address');
122
123       current_url = new URL(await page.url());
124       assert.deepStrictEqual(current_url.pathname, '/details.html');
125
126       await page.waitForSelector('.container h1');
127       page_header = await page.$eval('.container h1', el => el.textContent);
128       assert.ok(page_header.includes('City of London'));
129     });
130   });
131 });