diff --git a/elements/map/test/cases/hover/disable-tooltip.js b/elements/map/test/cases/hover/disable-tooltip.js new file mode 100644 index 000000000..bcef4ef52 --- /dev/null +++ b/elements/map/test/cases/hover/disable-tooltip.js @@ -0,0 +1,34 @@ +import { html } from "lit"; +import ecoRegionsFixture from "../../fixtures/ecoregions.json"; +import vectorLayerStyleJson from "../../fixtures/hoverInteraction.json"; +import { simulateEvent } from "../../utils/events"; + +/** + * Tests to disable the default hover tooltip + */ +const disableTooltip = () => { + cy.intercept("https://openlayers.org/data/vector/ecoregions.json", (req) => { + req.reply(ecoRegionsFixture); + }); + const layers = JSON.parse(JSON.stringify(vectorLayerStyleJson)); + layers[0].interactions[0].options.tooltip = false; + cy.mount( + html` + + `, + ).as("eox-map"); + cy.get("eox-map").and(($el) => { + const eoxMap = $el[0]; + + eoxMap.map.on("loadend", () => { + simulateEvent(eoxMap.map, "pointermove", 120, -140); + }); + }); + cy.get("eox-map") + .shadow() + .within(() => { + cy.get("eox-map-tooltip").should("not.exist"); + }); +}; + +export default disableTooltip; diff --git a/elements/map/test/cases/hover/index.js b/elements/map/test/cases/hover/index.js index 028665ecd..899c22b2a 100644 --- a/elements/map/test/cases/hover/index.js +++ b/elements/map/test/cases/hover/index.js @@ -3,4 +3,5 @@ export { default as addSelectInteraction } from "./add-select-interaction"; export { default as selectAfterReArrangingLayers } from "./select-after-re-arranging-layers"; export { default as displayTooltip } from "./display-tooltip"; +export { default as disableTooltip } from "./disable-tooltip"; export { default as displayTooltipOneLayerVisible } from "./display-tooltip-one-layer-visible"; diff --git a/elements/map/test/tooltip.cy.js b/elements/map/test/tooltip.cy.js index 7a5d05da9..43f2998a1 100644 --- a/elements/map/test/tooltip.cy.js +++ b/elements/map/test/tooltip.cy.js @@ -1,5 +1,9 @@ import "../src/main"; -import { displayTooltip, displayTooltipOneLayerVisible } from "./cases/hover"; +import { + displayTooltip, + disableTooltip, + displayTooltipOneLayerVisible, +} from "./cases/hover"; /** * Test suite for the EOX Map to load Tooltip @@ -10,6 +14,11 @@ describe("tooltip", () => { */ it("displays a tooltip on hover", () => displayTooltip()); + /** + * Test case to disable the default tooltip + */ + it("disable the default tooltip", () => disableTooltip()); + /** * Test case to displays a tooltip on hover when multiple layers are initialized and only one visible */