@geogebra/web-test-harness/selectors.js

Commands for Geogebra UI tests

const selectorMap = {
    avContextMenuDelete: 'menuDelete',
    avContextMenuSettings: 'menuSettings',
    euclidianView: 'euclidianView',
    panViewTool: 'panViewTool',
    mathField: 'mathFieldTextArea',
    editor: 'mathFieldEditor',
    keyboard: 'tabbedKeyboard',
    toolsPanelButton: 'toolsPanelButton',
    mediaPanelButton: 'mediaPanelButton',
    dynamicStyleBar: 'dynamicStyleBar',
    insertGraphingCalculatorButton: 'selectModeButton117',
    maskToolButton: 'selectModeButton122',
    protractorButton: 'selectModeButton128',
    rulerButton: 'selectModeButton127',
    mindmapButton: 'selectModeButton126',
    rulingDropdown: 'rulingDropdown',
    graphicsViewContextMenu: 'graphicsViewContextMenu',
    showKeyboardButton: 'showKeyboardButton',
    closeKeyboardButton: 'closeKeyboardButton',
    mathKeyboardWithAns: 'keyboard-123-ans',
    mathKeyboard: 'keyboard-123',
    functionsKeyboard: 'keyboard-fx',
    fillType: 'fillType',
    marble: 'marble',
    algebraOutputRow: 'algebraOutputRow',
    algebraInput: 'algebraInput',
    algebraItemMore: 'algebraItemMore',
    algebraItemPlay: 'algebraItemPlayPause',
    algebraItemSymbolic: 'algebraItemSymbolic',
    algebraItemSliderLabelMin: 'algebraItemSliderLabelMin',
    algebraItemSliderLabelMax: 'algebraItemSliderLabelMax',
    algebraItemSliderMin: 'algebraItemSliderMin',
    algebraItemSliderMax: 'algebraItemSliderMax',
    algebraItemSliderStep: 'algebraItemSliderStep',
};

const selectors = {};

for (const key in selectorMap) {
    if (selectorMap.hasOwnProperty(key)) {
        const selector = {
            get: () => cy.get('[data-test=' + selectorMap[key] + ']'),
            click: () => selector.get().click({force: true}),
            at: (id) => cy.get('[data-test=' + selectorMap[key] + id + ']'),
            clickAt: (id) => selector.at(id).click({force: true}),
        };
        selectors[key] = selector;
    }
}

exports.selectors = selectors;