How to use _getSelectionInElement method in Testcafe

Best JavaScript code snippet using testcafe

index.js

Source:index.js

...3142    var domUtils$7 = testCafeCore__default.domUtils;3143    var contentEditable$1 = testCafeCore__default.contentEditable;3144    var textSelection$1 = testCafeCore__default.textSelection;3145    var WHITE_SPACES_RE = / /g;3146    function _getSelectionInElement(element) {3147        var currentSelection = textSelection$1.getSelectionByElement(element);3148        var isInverseSelection = textSelection$1.hasInverseSelectionContentEditable(element);3149        if (textSelection$1.hasElementContainsSelection(element))3150            return contentEditable$1.getSelection(element, currentSelection, isInverseSelection);3151        // NOTE: if we type text to an element that doesn't contain selection we3152        // assume the selectionStart and selectionEnd positions are null in this3153        // element. So we calculate the necessary start and end nodes and offsets3154        return {3155            startPos: contentEditable$1.calculateNodeAndOffsetByPosition(element, 0),3156            endPos: contentEditable$1.calculateNodeAndOffsetByPosition(element, 0)3157        };3158    }3159    function _updateSelectionAfterDeletionContent(element, selection) {3160        var startNode = selection.startPos.node;3161        var startParent = nativeMethods$6.nodeParentNodeGetter.call(startNode);3162        var hasStartParent = startParent && startNode.parentElement;3163        var browserRequiresSelectionUpdating = browserUtils$8.isChrome && browserUtils$8.version < 58 || browserUtils$8.isSafari;3164        if (browserRequiresSelectionUpdating || !hasStartParent || !domUtils$7.isElementContainsNode(element, startNode)) {3165            selection = _getSelectionInElement(element);3166            if (textSelection$1.hasInverseSelectionContentEditable(element)) {3167                selection = {3168                    startPos: selection.endPos,3169                    endPos: selection.startPos3170                };3171            }3172        }3173        selection.endPos.offset = selection.startPos.offset;3174        return selection;3175    }3176    function _typeTextInElementNode(elementNode, text, offset) {3177        var nodeForTyping = document.createTextNode(text);3178        var textLength = text.length;3179        var selectPosition = { node: nodeForTyping, offset: textLength };3180        var parent = nativeMethods$6.nodeParentNodeGetter.call(elementNode);3181        if (domUtils$7.getTagName(elementNode) === 'br')3182            parent.insertBefore(nodeForTyping, elementNode);3183        else if (offset > 0)3184            elementNode.insertBefore(nodeForTyping, elementNode.childNodes[offset]);3185        else3186            elementNode.appendChild(nodeForTyping);3187        textSelection$1.selectByNodesAndOffsets(selectPosition, selectPosition);3188    }3189    function _typeTextInChildTextNode(element, selection, text) {3190        var startNode = selection.startPos.node;3191        // NOTE: startNode could be moved or deleted on textInput event. Need ensure startNode.3192        if (!domUtils$7.isElementContainsNode(element, startNode)) {3193            selection = _excludeInvisibleSymbolsFromSelection(_getSelectionInElement(element));3194            startNode = selection.startPos.node;3195        }3196        var startOffset = selection.startPos.offset;3197        var endOffset = selection.endPos.offset;3198        var nodeValue = startNode.nodeValue;3199        var selectPosition = { node: startNode, offset: startOffset + text.length };3200        startNode.nodeValue = nodeValue.substring(0, startOffset) + text +3201            nodeValue.substring(endOffset, nodeValue.length);3202        textSelection$1.selectByNodesAndOffsets(selectPosition, selectPosition);3203    }3204    function _excludeInvisibleSymbolsFromSelection(selection) {3205        var startNode = selection.startPos.node;3206        var startOffset = selection.startPos.offset;3207        var endOffset = selection.endPos.offset;3208        var firstNonWhitespaceSymbolIndex = contentEditable$1.getFirstNonWhitespaceSymbolIndex(startNode.nodeValue);3209        var lastNonWhitespaceSymbolIndex = contentEditable$1.getLastNonWhitespaceSymbolIndex(startNode.nodeValue);3210        if (startOffset < firstNonWhitespaceSymbolIndex && startOffset !== 0) {3211            selection.startPos.offset = firstNonWhitespaceSymbolIndex;3212            selection.endPos.offset = endOffset + firstNonWhitespaceSymbolIndex - startOffset;3213        }3214        else if (endOffset > lastNonWhitespaceSymbolIndex && endOffset !== startNode.nodeValue.length) {3215            selection.startPos.offset = startNode.nodeValue.length;3216            selection.endPos.offset = endOffset + startNode.nodeValue.length - startOffset;3217        }3218        return selection;3219    }3220    // NOTE: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event3221    // The `beforeInput` event is supported only in Chrome-based browsers and Safari3222    // The order of events differs in Chrome and Safari:3223    // In Chrome: `beforeinput` occurs before `textInput`3224    // In Safari: `beforeinput` occurs after `textInput`3225    function simulateBeforeInput(element, text, needSimulate) {3226        if (needSimulate)3227            return eventSimulator$9.beforeInput(element, text);3228        return true;3229    }3230    // NOTE: Typing can be prevented in Chrome/Edge but can not be prevented in IE11 or Firefox3231    // Firefox does not support TextInput event3232    // Safari supports the TextInput event but has a bug: e.data is added to the node value.3233    // So in Safari we need to call preventDefault in the last textInput handler but not prevent the Input event3234    function simulateTextInput(element, text) {3235        var forceInputInSafari;3236        function onSafariTextInput(e) {3237            e.preventDefault();3238            forceInputInSafari = true;3239        }3240        function onSafariPreventTextInput(e) {3241            if (e.type === 'textInput')3242                forceInputInSafari = false;3243        }3244        if (browserUtils$8.isSafari) {3245            listeners$2.addInternalEventListener(window, ['textInput'], onSafariTextInput);3246            eventSandbox.on(eventSandbox.EVENT_PREVENTED_EVENT, onSafariPreventTextInput);3247        }3248        var isInputEventRequired = browserUtils$8.isFirefox || eventSimulator$9.textInput(element, text) || forceInputInSafari;3249        if (browserUtils$8.isSafari) {3250            listeners$2.removeInternalEventListener(window, ['textInput'], onSafariTextInput);3251            eventSandbox.off(eventSandbox.EVENT_PREVENTED_EVENT, onSafariPreventTextInput);3252        }3253        return isInputEventRequired || browserUtils$8.isIE11;3254    }3255    function _typeTextToContentEditable(element, text) {3256        var currentSelection = _getSelectionInElement(element);3257        var startNode = currentSelection.startPos.node;3258        var endNode = currentSelection.endPos.node;3259        var needProcessInput = true;3260        var needRaiseInputEvent = true;3261        var textInputData = text;3262        text = text.replace(WHITE_SPACES_RE, String.fromCharCode(160));3263        // NOTE: some browsers raise the 'input' event after the element3264        // content is changed, but in others we should do it manually.3265        var onInput = function () {3266            needRaiseInputEvent = false;3267        };3268        // NOTE: IE11 raises the 'textinput' event many times after the element changed.3269        // The 'textinput' should be called only once3270        function onTextInput(event, dispatched, preventEvent) {...

type-text.js

Source:type-text.js

...28    const startParent    = nativeMethods.nodeParentNodeGetter.call(startNode);29    const hasStartParent = startParent && startNode.parentElement;30    const browserRequiresSelectionUpdating = browserUtils.isChrome && browserUtils.version < 58 || browserUtils.isSafari;31    if (browserRequiresSelectionUpdating || !hasStartParent || !domUtils.isElementContainsNode(element, startNode)) {32        selection = _getSelectionInElement(element);33        if (textSelection.hasInverseSelectionContentEditable(element)) {34            selection = {35                startPos: selection.endPos,36                endPos:   selection.startPos37            };38        }39    }40    selection.endPos.offset = selection.startPos.offset;41    return selection;42}43function _typeTextInElementNode (elementNode, text, offset) {44    const nodeForTyping  = document.createTextNode(text);45    const textLength     = text.length;46    const selectPosition = { node: nodeForTyping, offset: textLength };47    const parent         = nativeMethods.nodeParentNodeGetter.call(elementNode);48    if (domUtils.getTagName(elementNode) === 'br')49        parent.insertBefore(nodeForTyping, elementNode);50    else if (offset > 0)51        elementNode.insertBefore(nodeForTyping, elementNode.childNodes[offset]);52    else53        elementNode.appendChild(nodeForTyping);54    textSelection.selectByNodesAndOffsets(selectPosition, selectPosition);55}56function _typeTextInChildTextNode (element, selection, text) {57    let startNode = selection.startPos.node;58    // NOTE: startNode could be moved or deleted on textInput event. Need ensure startNode.59    if (!domUtils.isElementContainsNode(element, startNode)) {60        selection = _excludeInvisibleSymbolsFromSelection(_getSelectionInElement(element));61        startNode = selection.startPos.node;62    }63    const startOffset    = selection.startPos.offset;64    const endOffset      = selection.endPos.offset;65    const nodeValue      = startNode.nodeValue;66    const selectPosition = { node: startNode, offset: startOffset + text.length };67    startNode.nodeValue = nodeValue.substring(0, startOffset) + text +68                          nodeValue.substring(endOffset, nodeValue.length);69    textSelection.selectByNodesAndOffsets(selectPosition, selectPosition);70}71function _excludeInvisibleSymbolsFromSelection (selection) {72    const startNode   = selection.startPos.node;73    const startOffset = selection.startPos.offset;74    const endOffset   = selection.endPos.offset;75    const firstNonWhitespaceSymbolIndex = contentEditable.getFirstNonWhitespaceSymbolIndex(startNode.nodeValue);76    const lastNonWhitespaceSymbolIndex  = contentEditable.getLastNonWhitespaceSymbolIndex(startNode.nodeValue);77    if (startOffset < firstNonWhitespaceSymbolIndex && startOffset !== 0) {78        selection.startPos.offset = firstNonWhitespaceSymbolIndex;79        selection.endPos.offset   = endOffset + firstNonWhitespaceSymbolIndex - startOffset;80    }81    else if (endOffset > lastNonWhitespaceSymbolIndex && endOffset !== startNode.nodeValue.length) {82        selection.startPos.offset = startNode.nodeValue.length;83        selection.endPos.offset   = endOffset + startNode.nodeValue.length - startOffset;84    }85    return selection;86}87// NOTE: Typing can be prevented in Chrome/Edge but can not be prevented in IE11 or Firefox88// Firefox does not support TextInput event89// Safari supports the TextInput event but has a bug: e.data is added to the node value.90// So in Safari we need to call preventDefault in the last textInput handler but not prevent the Input event91function simulateTextInput (element, text) {92    let forceInputInSafari;93    function onSafariTextInput (e) {94        e.preventDefault();95        forceInputInSafari = true;96    }97    function onSafariPreventTextInput (e) {98        if (e.type === 'textInput')99            forceInputInSafari = false;100    }101    if (browserUtils.isSafari) {102        listeners.addInternalEventListener(window, ['textInput'], onSafariTextInput);103        eventSandbox.on(eventSandbox.EVENT_PREVENTED_EVENT, onSafariPreventTextInput);104    }105    const isInputEventRequired = browserUtils.isFirefox || eventSimulator.textInput(element, text) || forceInputInSafari;106    if (browserUtils.isSafari) {107        listeners.removeInternalEventListener(window, ['textInput'], onSafariTextInput);108        eventSandbox.off(eventSandbox.EVENT_PREVENTED_EVENT, onSafariPreventTextInput);109    }110    return isInputEventRequired || browserUtils.isIE11;111}112function _typeTextToContentEditable (element, text) {113    let currentSelection    = _getSelectionInElement(element);114    let startNode           = currentSelection.startPos.node;115    const endNode           = currentSelection.endPos.node;116    let needProcessInput    = true;117    let needRaiseInputEvent = true;118    const textInputData     = text;119    text = text.replace(WHITE_SPACES_RE, String.fromCharCode(160));120    // NOTE: some browsers raise the 'input' event after the element121    // content is changed, but in others we should do it manually.122    const onInput = () => {123        needRaiseInputEvent = false;124    };125    // NOTE: IE11 raises the 'textinput' event many times after the element changed.126    // The 'textinput' should be called only once127    function onTextInput (event, dispatched, preventEvent) {...

type-char.js

Source:type-char.js

...23function _updateSelectionAfterDeletionContent (element, selection) {24    var startNode      = selection.startPos.node;25    var hasStartParent = startNode.parentNode && startNode.parentElement;26    if (browserUtils.isWebKit || !hasStartParent || !domUtils.isElementContainsNode(element, startNode)) {27        selection = _getSelectionInElement(element);28        if (textSelection.hasInverseSelectionContentEditable(element)) {29            selection = {30                startPos: selection.endPos,31                endPos:   selection.startPos32            };33        }34    }35    selection.endPos.offset = selection.startPos.offset;36    return selection;37}38function _typeCharInElementNode (elementNode, text) {39    var nodeForTyping  = document.createTextNode(text);40    var textLength     = text.length;41    var selectPosition = { node: nodeForTyping, offset: textLength };42    if (domUtils.getTagName(elementNode) === 'br')43        elementNode.parentNode.insertBefore(nodeForTyping, elementNode);44    else45        elementNode.appendChild(nodeForTyping);46    textSelection.selectByNodesAndOffsets(selectPosition, selectPosition);47}48function _excludeInvisibleSymbolsFromSelection (selection) {49    var startNode   = selection.startPos.node;50    var startOffset = selection.startPos.offset;51    var endOffset   = selection.endPos.offset;52    var firstNonWhitespaceSymbolIndex = contentEditable.getFirstNonWhitespaceSymbolIndex(startNode.nodeValue);53    var lastNonWhitespaceSymbolIndex  = contentEditable.getLastNonWhitespaceSymbolIndex(startNode.nodeValue);54    if (startOffset < firstNonWhitespaceSymbolIndex && startOffset !== 0) {55        selection.startPos.offset = firstNonWhitespaceSymbolIndex;56        selection.endPos.offset   = endOffset + firstNonWhitespaceSymbolIndex - startOffset;57    }58    else if (endOffset > lastNonWhitespaceSymbolIndex && endOffset !== startNode.nodeValue.length) {59        selection.startPos.offset = startNode.nodeValue.length;60        selection.endPos.offset   = endOffset + startNode.nodeValue.length - startOffset;61    }62    return selection;63}64function _typeCharToContentEditable (element, text) {65    var currentSelection = _getSelectionInElement(element);66    var startNode        = currentSelection.startPos.node;67    var endNode          = currentSelection.endPos.node;68    // NOTE: some browsers raise the 'input' event after the element69    // content is changed, but in others we should do it manually.70    var inputEventRaised = false;71    var onInput = () => {72        inputEventRaised = true;73    };74    var afterContentChanged = () => {75        nextTick()76            .then(() => {77                if (!inputEventRaised)78                    eventSimulator.input(element);79                listeners.removeInternalEventListener(window, 'input', onInput);...

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My first test', async t => {3    const select = Selector('select').nth(0);4        .click(select)5        .click(select.find('option').withText('Firefox'));6});7test('My second test', async t => {8    const select = Selector('select').nth(0);9        .click(select)10        .click(select.find('option').withText('Firefox'));11});12import { Selector } from 'testcafe';

Using AI Code Generation

1import { Selector } from 'testcafe';2test('Getting started with testcafe', async t => {3    const textInput = Selector('#developer-name');4        .typeText(textInput, 'Peter Parker')5        .click('#tried-test-cafe')6        .click('#submit-button')7        .expect(Selector('#article-header').innerText).eql('Thank you, Peter Parker!');8});9const testCafeCore = require('testcafe/lib/testcafe-core');10const textSelection = testCafeCore.textSelection;11const textInput = Selector('#developer-name');12    .typeText(textInput, 'Peter Parker')13    .click('#tried-test-cafe')14    .click('#submit-button')15    .expect(Selector('#article-header').innerText).eql('Thank you, Peter Parker!');16    const selection = await textSelection.getSelectionInElement(textInput);17    const { start, end } = selection;18    const selectionText = await selection.text;19    const selectionRect = await selection.rect;20    const caretRect = await selection.caretRect;21    const { startPos, endPos } = await selection.positions;22    const { startOffset, endOffset } = await selection.offsets;23    const { startElement, endElement } = await selection.elements;24    const { startNode, endNode } = await selection.nodes;25    const { startNodeRect, endNodeRect } = await selection.nodeRects;26    const { startNodeCaretRect, endNodeCaretRect } = await selection.nodeCaretRects;27    const { startNodeOffset, endNodeOffset } = await selection.nodeOffsets;28    const { startNode

Using AI Code Generation

1import { Selector } from 'testcafe';2test('Getting selection in element', async t => {3        .typeText('#input', 'test')4        .selectText('#input', 1, 3)5        .pressKey('ctrl+c')6        .click('#output')7        .pressKey('ctrl+v')8        .expect(Selector('#output').value).eql('est');9});10        $(function() {11            $('#input').on('select', function() {12                var sel = window.getSelection();13                console.log(sel.toString());14            });15        });16       Selector('#output') [id="output"]17           at ClientFunctionBuilder._ensureElementExists (C:\Users\testcafe\Desktop\testcafe\testcafe-automation\testcafe-automation\node_modules\testcafe\lib\client-functions\builder.js:187:13)18           at ClientFunctionBuilder._ensureElementExists (C:\Users\testcafe\Desktop\testcafe\testcafe-automation\

Using AI Code Generation

1import { Selector } from 'testcafe';2test('test', async t => {3    const searchBox = Selector('#lst-ib');4        .expect(searchBox.exists).ok()5        .typeText(searchBox, 'test')6        .expect(searchBox.value).eql('test')7        .pressKey('enter')8        .expect(Selector('title').innerText).eql('test - Google Search');9});10const searchBox = Selector('#searchBox');11    .expect(searchBox.exists).ok()12    .typeText(searchBox, 'test')13    .expect(searchBox.value).eql('test');

Using AI Code Generation

1import { Selector } from 'testcafe';2import { ClientFunction } from 'testcafe';3test('test', async t => {4    const getSelection = ClientFunction(() => {5        const selection = window.getSelection();6        const range = selection.getRangeAt(0);7        const rect = range.getBoundingClientRect();8        return {9            rect: {10            },11            text: selection.toString()12        };13    });14        .typeText(Selector('#editor'), 'hello world')15        .click(Selector('#editor'))16        .pressKey('ctrl+a')17        .expect(getSelection()).eql({18            rect: {19            },20        });21});

Using AI Code Generation

1import { Selector } from 'testcafe';2test('test', async t => {3    const editor = Selector('.ProseMirror');4    const selection = await editor._getSelectionInElement();5    console.log(selection);6});7{ start: 0, end: 0 }8import { Selector } from 'testcafe';9test('test', async t => {10    const editor = Selector('.ProseMirror');11    const selection = await editor._getSelectionInElement();12    console.log(selection);13});14{ start: 0, end: 0 }15import { Selector } from 'testcafe';16test('test', async t => {17    const editor = Selector('.ProseMirror');18    const selection = await editor._getSelectionInElement();19    console.log(selection);20});21{ start: 0, end: 0 }

Using AI Code Generation

1import { Selector } from 'testcafe';2test('test', async t => {3        .click(Selector('#input1'))4        .pressKey('ctrl+a')5        .pressKey('delete')6        .typeText(Selector('#input1'), '12345')7        .click(Selector('#input2'))8        .pressKey('ctrl+a')9        .pressKey('delete')10        .typeText(Selector('#input2'), '12345')11        .click(Selector('#input3'))12        .pressKey('ctrl+a')13        .pressKey('delete')14        .typeText(Selector('#input3'), '12345')15        .click(Selector('#input4'))16        .pressKey('ctrl+a')17        .pressKey('delete')18        .typeText(Selector('#input4'), '12345')19        .click(Selector('#input5'))20        .pressKey('ctrl+a')21        .pressKey('delete')22        .typeText(Selector('#input5'), '12345')23        .click(Selector('#input6'))24        .pressKey('ctrl+a')25        .pressKey('delete')26        .typeText(Selector('#input6'), '12345')27        .click(Selector('#input7'))28        .pressKey('ctrl+a')29        .pressKey('delete')30        .typeText(Selector('#input7'), '12345')31        .click(Selector('#input8'))32        .pressKey('ctrl+a')33        .pressKey('delete')34        .typeText(Selector('#input8'), '12345')35        .click(Selector('#input9'))36        .pressKey('ctrl+a')37        .pressKey('delete')38        .typeText(Selector('#input9'), '12345')39        .click(Selector('#input10'))40        .pressKey('ctrl+a')41        .pressKey('delete')42        .typeText(Selector('#input10'), '12345')43        .click(Selector('#input11'))44        .pressKey('ctrl+a')45        .pressKey('delete')46        .typeText(Selector('#input11'), '12345')47        .click(Selector('#input12'))48        .pressKey('ctrl+a')49        .pressKey('delete')50        .typeText(Selector('#input12'), '12345')51        .click(Selector('#

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.