Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #171 from Geoportail-Luxembourg/GSLUX-756-feature-…
…info GSLUX-756: Display feature info in info panel
- Loading branch information
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,196 @@ | ||
| describe('Feature Info', () => { | ||
| beforeEach(() => { | ||
| cy.intercept('GET', 'getfeatureinfo*').as('getFeatureInfo') | ||
| }) | ||
|
|
||
| describe('Default template', () => { | ||
| /** | ||
| * Note: The following permalink path includes all types of layers displayed via the default template for manual testing: | ||
| * /theme/main?version=3&lang=fr&X=702429&Y=6396653&zoom=16&rotation=0&features=&layers=655-2842-808-1713-1714-269-302-1813&opacities=1-0-1-1-1-1-1-1&time=--------------&bgLayer=basemap_2015_global | ||
| */ | ||
| describe('Display basic feature info for multiple layers', () => { | ||
| beforeEach(() => { | ||
| cy.visit( | ||
| '/?lang=fr&X=672676&Y=6412435&version=3&zoom=11&layers=302-269&opacities=1&bgLayer=orthogr_2013_global' | ||
| ) | ||
| cy.get('div.ol-viewport').click(300, 300, { force: true }) | ||
| cy.wait('@getFeatureInfo') | ||
| }) | ||
| it('should display title, attributes, link in the infoPanel when clicking on a layer feature (first layer)', () => { | ||
| cy.get('[data-cy="infoPanel"]').should('exist') | ||
| cy.get('[data-cy="defaultTemplateTitle"]') | ||
| .first() | ||
| .should('contain.text', 'Communes (Noms)') | ||
| cy.get('[data-cy="defaultTemplateAttributes"]') | ||
| .first() | ||
| .children('div') | ||
| .should('have.length', '3') | ||
| cy.get('[data-cy="defaultTemplateLink"]') | ||
| .first() | ||
| .should('contain.text', 'Lien direct vers cet objet') | ||
| .should('have.attr', 'href') | ||
| .and( | ||
| 'include', | ||
| '/theme/main?lang=fr&X=672676&Y=6412435&version=3&zoom=11&layers=302-269&opacities=1-1&bgLayer=orthogr_2013_global&rotation=0&features=&time=--&fid=269_0709' | ||
| ) | ||
| }) | ||
| it('should display title, attributes, link in the infoPanel when clicking on a layer feature (second layer)', () => { | ||
| cy.get('[data-cy="infoPanel"]').should('exist') | ||
| cy.get('[data-cy="defaultTemplateTitle"]') | ||
| .eq(1) | ||
| .should('contain.text', 'Communes') | ||
| cy.get('[data-cy="defaultTemplateAttributes"]') | ||
| .eq(1) | ||
| .children('div') | ||
| .should('have.length', '3') | ||
| cy.get('[data-cy="defaultTemplateLink"]') | ||
| .eq(1) | ||
| .should('contain.text', 'Lien direct vers cet objet') | ||
| .should('have.attr', 'href') | ||
| .and( | ||
| 'include', | ||
| '/theme/main?lang=fr&X=672676&Y=6412435&version=3&zoom=11&layers=302-269&opacities=1-1&bgLayer=orthogr_2013_global&rotation=0&features=&time=--&fid=269_0402' | ||
| ) | ||
| }) | ||
| }) | ||
| describe('Display profile and exports in feature info', () => { | ||
| beforeEach(() => { | ||
| cy.visit( | ||
| '/?lang=fr&X=672676&Y=6412435&version=3&zoom=11&layers=808&opacities=1&bgLayer=orthogr_2013_global' | ||
| ) | ||
| cy.get('div.ol-viewport').click(320, 330, { force: true }) | ||
| cy.wait('@getFeatureInfo') | ||
| }) | ||
| it('should display title, attributes, link in the infoPanel when clicking on a layer feature', () => { | ||
| cy.get('[data-cy="infoPanel"]').should('exist') | ||
| cy.get('[data-cy="defaultTemplateTitle"]') | ||
| .first() | ||
| .should('contain.text', 'Pistes cyclables nationales') | ||
| cy.get('[data-cy="defaultTemplateAttributes"]') | ||
| .first() | ||
| .children('div') | ||
| .should('have.length', '3') | ||
| cy.get('[data-cy="defaultTemplateLink"]') | ||
| .first() | ||
| .should('contain.text', 'Lien direct vers cet objet') | ||
| .should('have.attr', 'href') | ||
| .and( | ||
| 'include', | ||
| '/theme/main?lang=fr&X=672676&Y=6412435&version=3&zoom=11&layers=808&opacities=1&bgLayer=orthogr_2013_global&rotation=0&features=&time=&fid=808_5447' | ||
| ) | ||
| }) | ||
| it('should display profile besides basic feature info', () => { | ||
| cy.get('[data-cy="infoPanel"]').should('exist') | ||
| cy.get('[data-cy="featItemProfile"]').should('exist') | ||
| cy.get('[data-cy="featItemProfileCumul"]').should( | ||
| 'contain.text', | ||
| 'Δ+33 m Δ-77 m Δ-44 m' | ||
| ) | ||
| cy.get('[data-cy="featItemProfile"] svg').should('exist') | ||
| cy.get('[data-cy="featItemProfile"] svg g.grid-y > g.tick').should( | ||
| 'have.length', | ||
| 12 | ||
| ) | ||
| cy.get('[data-cy="featItemProfile"] svg g.x.axis > g.tick').should( | ||
| 'have.length', | ||
| 8 | ||
| ) | ||
| cy.get('[data-cy="featItemProfile"] svg g.y.axis > g.tick') | ||
| .eq(5) | ||
| .find('text') | ||
| .should('have.text', '250') | ||
| }) | ||
| }) | ||
| describe('Display iframe in feature info (for water level graph)', () => { | ||
| beforeEach(() => { | ||
| cy.visit( | ||
| '/?lang=fr&X=672676&Y=6412435&version=3&zoom=11&layers=655&opacities=1&bgLayer=orthogr_2013_global' | ||
| ) | ||
| cy.get('div.ol-viewport').click(355, 320, { force: true }) | ||
| cy.wait('@getFeatureInfo') | ||
| }) | ||
| it('should display title, attributes, link in the infoPanel when clicking on a layer feature', () => { | ||
| cy.get('[data-cy="infoPanel"]').should('exist') | ||
| cy.get('[data-cy="defaultTemplateTitle"]') | ||
| .first() | ||
| .should('contain.text', "Niveau d'eau") | ||
| cy.get('[data-cy="defaultTemplateAttributes"]') | ||
| .first() | ||
| .children('div') | ||
| .should('have.length', '4') | ||
| cy.get('[data-cy="defaultTemplateLink"]') | ||
| .first() | ||
| .should('contain.text', 'Lien direct vers cet objet') | ||
| .should('have.attr', 'href') | ||
| .and( | ||
| 'include', | ||
| '/theme/main?lang=fr&X=672676&Y=6412435&version=3&zoom=11&layers=655&opacities=1&bgLayer=orthogr_2013_global&rotation=0&features=&time=&fid=655_256' | ||
| ) | ||
| }) | ||
| it('should display iframe besides basic feature info', () => { | ||
| cy.get('[data-cy="infoPanel"]').find('iframe').should('exist') | ||
| }) | ||
| }) | ||
| describe('Display feature info solar potential', () => { | ||
| beforeEach(() => { | ||
| cy.visit( | ||
| '/?lang=fr&X=678664&Y=6412182&version=3&zoom=16&layers=1813&opacities=1&bgLayer=orthogr_2013_global' | ||
| ) | ||
| cy.get('div.ol-viewport').click(300, 300, { force: true }) | ||
| cy.wait('@getFeatureInfo') | ||
| }) | ||
| it('should display title, attributes and a calculator link button in the infoPanel when clicking on a layer feature', () => { | ||
| cy.get('[data-cy="infoPanel"]').should('exist') | ||
| cy.get('[data-cy="defaultTemplateTitle"]') | ||
| .first() | ||
| .should('contain.text', 'Potentiel solaire') | ||
| cy.get('[data-cy="defaultTemplateAttributes"]') | ||
| .first() | ||
| .children('div') | ||
| .should('have.length', '6') | ||
| cy.get('[data-cy="defaultTemplateSolarLink"]') | ||
| .first() | ||
| .find('button') | ||
| .should( | ||
| 'contain.text', | ||
| "Lien direct vers le calculateur d'efficacité économique" | ||
| ) | ||
| cy.get('[data-cy="defaultTemplateSolarLink"]') | ||
| .first() | ||
| .should('have.attr', 'href') | ||
| .and( | ||
| 'include', | ||
| 'https://maps.tetraeder.solar/st_luxemburg_22/2d/6726' | ||
| ) | ||
| }) | ||
| }) | ||
| describe('Display audio in feature info', () => { | ||
| beforeEach(() => { | ||
| cy.visit( | ||
| '/?lang=fr&X=672676&Y=6412435&version=3&zoom=11&layers=2842&opacities=1&bgLayer=orthogr_2013_global' | ||
| ) | ||
| cy.get('div.ol-viewport').click(355, 320, { force: true }) | ||
| cy.wait('@getFeatureInfo') | ||
| }) | ||
| it('should display title, attributes and a calculator link button in the infoPanel when clicking on a layer feature', () => { | ||
| cy.get('[data-cy="infoPanel"]').should('exist') | ||
| cy.get('[data-cy="defaultTemplateTitle"]') | ||
| .first() | ||
| .should('contain.text', 'test_sproochatlas_audio') | ||
| cy.get('[data-cy="defaultTemplateAttributes"]') | ||
| .first() | ||
| .children('div') | ||
| .should('have.length', '2') | ||
| cy.get('[data-cy="defaultTemplateAttributes"]') | ||
| .first() | ||
| .find('a') | ||
| .should('have.attr', 'href') | ||
| .and('include', 'https://lod.lu/uploads/LSA/WAV/ABC_001_ab_01.wav') | ||
| cy.get('[data-cy="defaultTemplateAttributes"]') | ||
| .first() | ||
| .find('audio') | ||
| .should('exist') | ||
| }) | ||
| }) | ||
| }) | ||
| }) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| export const noMapLayerRegex = | ||
| /((info)|(sv))?[fF]eature(Edit|Position|Info)?Layer/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.