UNPKG

@uuv/assistant

Version:

UUV Helper used to improve the life of testers and developers by generating cucumber phrases from the GUI.

108 lines (105 loc) 4.08 kB
"use strict"; /** * Software Name : UUV * * SPDX-License-Identifier: MIT * * This software is distributed under the MIT License, * see the "LICENSE" file for more details * * Authors: NJAKO MOLOM Louis Fredice & SERVICAL Stanley * Software description: Make test writing fast, understandable by any human * understanding English or French. */ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { if (k2 === undefined) k2 = k; var desc = Object.getOwnPropertyDescriptor(m, k); if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { desc = { enumerable: true, get: function() { return m[k]; } }; } Object.defineProperty(o, k2, desc); }) : (function(o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; })); var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { Object.defineProperty(o, "default", { enumerable: true, value: v }); }) : function(o, v) { o["default"] = v; }); var __importStar = (this && this.__importStar) || (function () { var ownKeys = function(o) { ownKeys = Object.getOwnPropertyNames || function (o) { var ar = []; for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k; return ar; }; return ownKeys(o); }; return function (mod) { if (mod && mod.__esModule) return mod; var result = {}; if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]); __setModuleDefault(result, mod); return result; }; })(); Object.defineProperty(exports, "__esModule", { value: true }); exports.AbstractComponentService = void 0; const LayerHelper = __importStar(require("../helper/layer-helper")); const highlight_helper_1 = require("../helper/highlight/highlight-helper"); const expect_translator_1 = require("../translator/expect-translator"); class AbstractComponentService { constructor() { this.expectTranslator = new expect_translator_1.ExpectTranslator(); } buildAdditionalStyle(elements) { let completeStyle = ""; if (elements) { elements.forEach((element, index) => { completeStyle = `${completeStyle} .element-border { stroke-width: ${highlight_helper_1.HIGHLIGHT_ORANGE_PROPS.width}; stroke: ${highlight_helper_1.HIGHLIGHT_ORANGE_PROPS.borderColor}; fill-opacity: 10%; fill: black; cursor: pointer; } .element-border:hover { fill: red; } `; }); } return completeStyle; } addListener(dom, elements, onSelect, onReset) { if (elements) { elements.forEach((element, index) => { const targetElement = dom.getElementById(`element-border-${index}`); if (targetElement) { const functionToTrigger = () => { onSelect(element); }; targetElement.addEventListener("click", functionToTrigger); } }); const escapeFunction = (e) => { if (e.key === "Escape") { onReset(); document.removeEventListener("keydown", escapeFunction); } }; document.addEventListener("keydown", escapeFunction); } } show(dom, layer, htmlElements, onSelect, onReset) { const customLayer = document.createElement("div"); customLayer.setAttribute("id", layer.toString()); customLayer.setAttribute("class", "uvv-assistant-additional-layer"); dom.appendChild(customLayer); LayerHelper.buildLayer(dom, layer, htmlElements, this.buildAdditionalStyle(htmlElements), true, false); this.addListener(dom, htmlElements, onSelect, onReset); } } exports.AbstractComponentService = AbstractComponentService;