KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

How to use getOwnFirstVisibleTextNode method in Testcafe

Best JavaScript code snippet using testcafe

index.js

Source:index.js

...1380    function disableRealEventsPreventing() {1381        listeners$2.removeInternalEventListener(window, PREVENTED_EVENTS, preventRealEventHandler);1382    }1383    //nodes utils1384    function getOwnFirstVisibleTextNode(el) {1385        var children = el.childNodes;1386        var childrenLength = getChildNodesLength(children);1387        if (!childrenLength && isVisibleTextNode(el))1388            return el;1389        return find(children, function (node) { return isVisibleTextNode(node); });1390    }1391    function getOwnFirstVisibleNode(el) {1392        return find(el.childNodes, function (node) { return isVisibleTextNode(node) ||1393            !isSkippableNode(node) && getOwnFirstVisibleNode(node); });1394    }1395    function getOwnPreviousVisibleSibling(el) {1396        var sibling = null;1397        var current = el;1398        while (!sibling) {1399            current = current.previousSibling;1400            if (!current)1401                break;1402            else if (!isSkippableNode(current) && !isInvisibleTextNode(current)) {1403                sibling = current;1404                break;1405            }1406        }1407        return sibling;1408    }1409    function isVisibleNode(node) {1410        return isTextNode(node) || isElementNode(node) && isElementVisible(node);1411    }1412    function getVisibleChildren(node) {1413        return filter(node.childNodes, isVisibleNode);1414    }1415    function hasVisibleChildren(node) {1416        return some(node.childNodes, isVisibleNode);1417    }1418    function hasSelectableChildren(node) {1419        return some(node.childNodes, function (child) { return isNodeSelectable(child, true); });1420    }1421    //NOTE: before such elements (like div or p) adds line breaks before and after it1422    // (except line break before first visible element in contentEditable parent)1423    // this line breaks is not contained in node values1424    //so we should take it into account manually1425    function isNodeBlockWithBreakLine(parent, node) {1426        var parentFirstVisibleChild = null;1427        var firstVisibleChild = null;1428        if (isShadowUIElement(parent) || isShadowUIElement(node))1429            return false;1430        if (!isTheSameNode(node, parent) && getChildNodesLength(node.childNodes) &&1431            /div|p/.test(getTagName(node))) {1432            parentFirstVisibleChild = getOwnFirstVisibleNode(parent);1433            if (!parentFirstVisibleChild || isTheSameNode(node, parentFirstVisibleChild))1434                return false;1435            firstVisibleChild = getFirstVisibleTextNode(parentFirstVisibleChild);1436            if (!firstVisibleChild || isTheSameNode(node, firstVisibleChild))1437                return false;1438            return getOwnFirstVisibleTextNode(node);1439        }1440        return false;1441    }1442    function isNodeAfterNodeBlockWithBreakLine(parent, node) {1443        var isRenderedNode$1 = isRenderedNode(node);1444        var parentFirstVisibleChild = null;1445        var firstVisibleChild = null;1446        var previousSibling = null;1447        if (isShadowUIElement(parent) || isShadowUIElement(node))1448            return false;1449        if (!isTheSameNode(node, parent) &&1450            (isRenderedNode$1 && isElementNode(node) && getChildNodesLength(node.childNodes) &&1451                !/div|p/.test(getTagName(node)) ||1452                isVisibleTextNode(node) && !isTheSameNode(node, parent) && node.nodeValue.length)) {1453            if (isRenderedNode$1 && isElementNode(node)) {1454                parentFirstVisibleChild = getOwnFirstVisibleNode(parent);1455                if (!parentFirstVisibleChild || isTheSameNode(node, parentFirstVisibleChild))1456                    return false;1457                firstVisibleChild = getFirstVisibleTextNode(parentFirstVisibleChild);1458                if (!firstVisibleChild || isTheSameNode(node, firstVisibleChild))1459                    return false;1460            }1461            previousSibling = getOwnPreviousVisibleSibling(node);1462            return previousSibling && isElementNode(previousSibling) &&1463                /div|p/.test(getTagName(previousSibling)) && getOwnFirstVisibleTextNode(previousSibling);1464        }1465        return false;1466    }1467    function getFirstTextNode(el, onlyVisible) {1468        var children = el.childNodes;1469        var childrenLength = getChildNodesLength(children);1470        var curNode = null;1471        var child = null;1472        var isNotContentEditableElement = null;1473        var checkTextNode = onlyVisible ? isVisibleTextNode : isTextNode;1474        if (!childrenLength && checkTextNode(el))1475            return el;1476        for (var i = 0; i < childrenLength; i++) {1477            curNode = children[i];...

content_editable_helper.js

Source:content_editable_helper.js

1HammerheadClient.define('ContentEditableHelper', function (require, exports) {2    var $ = require('jQuery'),3        Util = require('Util');4    //nodes utils5    function getOwnFirstVisibleTextNode(el) {6        var childrenArray = $.makeArray(el.childNodes),7            child = null;8        if (!childrenArray.length && el.nodeType === 3 && !exports.isInvisibleTextNode(el))9            return el;10        $.each(childrenArray, function (index, value) {11            if (value.nodeType === 3 && !exports.isInvisibleTextNode(value)) {12                child = value;13                return false;14            }15        });16        return child;17    }18    function getOwnFirstVisibleNode(el) {19        var childrenArray = $.makeArray(el.childNodes),20            child = null;21        $.each(childrenArray, function (index, value) {22            if (value.nodeType === 3) {23                if (!exports.isInvisibleTextNode(value)) {24                    child = value;25                    return false;26                }27            }28            else if (Util.isRenderedNode(value) && getOwnFirstVisibleNode(value)) {29                child = value;30                return false;31            }32        });33        return child;34    }35    function getOwnPreviousVisibleSibling(el) {36        var sibling = null,37            current = el;38        while (!sibling) {39            current = current.previousSibling;40            if (!current)41                break;42            else if (Util.isRenderedNode(current) && !exports.isInvisibleTextNode(current)) {43                sibling = current;44                break;45            }46        }47        return sibling;48    }49    //NOTE: before such elements (like div or p) adds line breaks before and after it50    // (except line break before first visible element in contentEditable parent)51    // this line breaks is not contained in node values52    //so we should take it into account manually53    function isNodeBlockWithBreakLine(parent, node) {54        var parentFirstVisibleChild = null,55            firstVisibleChild = null;56        if (!Util.isTheSameNode(node, parent) && node.childNodes.length && /div|p/.test(node.tagName.toLowerCase())) {57            parentFirstVisibleChild = getOwnFirstVisibleNode(parent);58            if (!parentFirstVisibleChild || Util.isTheSameNode(node, parentFirstVisibleChild))59                return false;60            firstVisibleChild = exports.getFirstVisibleTextNode(parentFirstVisibleChild);61            if (!firstVisibleChild || Util.isTheSameNode(node, firstVisibleChild))62                return false;63            return getOwnFirstVisibleTextNode(node);64        }65        return false;66    }67    function isNodeAfterNodeBlockWithBreakLine(parent, node) {68        var isRenderedNode = Util.isRenderedNode(node),69            parentFirstVisibleChild = null,70            firstVisibleChild = null,71            previousSibling = null;72        if (!Util.isTheSameNode(node, parent) &&73            ((isRenderedNode && node.nodeType === 1 && node.childNodes.length && !/div|p/.test(node.tagName.toLowerCase())) ||74             (node.nodeType === 3 && !Util.isTheSameNode(node, parent) && node.nodeValue.length && !exports.isInvisibleTextNode(node)))) {75            if (isRenderedNode && node.nodeType === 1) {76                parentFirstVisibleChild = getOwnFirstVisibleNode(parent);77                if (!parentFirstVisibleChild || Util.isTheSameNode(node, parentFirstVisibleChild))78                    return false;79                firstVisibleChild = exports.getFirstVisibleTextNode(parentFirstVisibleChild);80                if (!firstVisibleChild || Util.isTheSameNode(node, firstVisibleChild))81                    return false;82            }83            previousSibling = getOwnPreviousVisibleSibling(node);84            return (previousSibling && previousSibling.nodeType === 1 &&85                    /div|p/.test(previousSibling.tagName.toLowerCase()) && getOwnFirstVisibleTextNode(previousSibling));86        }87        return false;88    }89    exports.getFirstVisibleTextNode = function (el) {90        var childrenArray = $.makeArray(el.childNodes),91            element = null;92        if (!childrenArray.length && el.nodeType === 3 && !exports.isInvisibleTextNode(el))93            return el;94        $.each(childrenArray, function (index, value) {95            if (value.nodeType === 3 && !exports.isInvisibleTextNode(value)) {96                element = value;97                return false;98            }99            else if (Util.isRenderedNode(value) && (value.nodeType === 1 || (value.childNodes && value.childNodes.length))) {...

content-editable.js

Source:content-editable.js

...46            return false;47        firstVisibleChild = getFirstVisibleTextNode(parentFirstVisibleChild);48        if (!firstVisibleChild || domUtils.isTheSameNode(node, firstVisibleChild))49            return false;50        return getOwnFirstVisibleTextNode(node);51    }52    return false;53}54function isNodeAfterNodeBlockWithBreakLine (parent, node) {55    var isRenderedNode          = domUtils.isRenderedNode(node);56    var parentFirstVisibleChild = null;57    var firstVisibleChild       = null;58    var previousSibling         = null;59    if (domUtils.isShadowUIElement(parent) || domUtils.isShadowUIElement(node))60        return false;61    if (!domUtils.isTheSameNode(node, parent) &&62        (isRenderedNode && domUtils.isElementNode(node) && node.childNodes.length &&63         !/div|p/.test(domUtils.getTagName(node)) ||64         isVisibleTextNode(node) && !domUtils.isTheSameNode(node, parent) && node.nodeValue.length)) {65        if (isRenderedNode && domUtils.isElementNode(node)) {66            parentFirstVisibleChild = getOwnFirstVisibleNode(parent);67            if (!parentFirstVisibleChild || domUtils.isTheSameNode(node, parentFirstVisibleChild))68                return false;69            firstVisibleChild = getFirstVisibleTextNode(parentFirstVisibleChild);70            if (!firstVisibleChild || domUtils.isTheSameNode(node, firstVisibleChild))71                return false;72        }73        previousSibling = getOwnPreviousVisibleSibling(node);74        return previousSibling && domUtils.isElementNode(previousSibling) &&75               /div|p/.test(domUtils.getTagName(previousSibling)) && getOwnFirstVisibleTextNode(previousSibling);76    }77    return false;78}79export function getFirstVisibleTextNode (el) {80    var children                    = el.childNodes;81    var childrenLength              = children.length;82    var curNode                     = null;83    var child                       = null;84    var isNotContentEditableElement = null;85    if (!childrenLength && isVisibleTextNode(el))86        return el;87    for (var i = 0; i < childrenLength; i++) {88        curNode                     = children[i];89        isNotContentEditableElement = domUtils.isElementNode(curNode) && !domUtils.isContentEditableElement(curNode);...

Using AI Code Generation

1import { Selector } from 'testcafe';2test('Getting the first visible text node', async t => {3    const getOwnFirstVisibleTextNode = Selector(node => {4        const textNode = Array.from(node.childNodes).find(node => node.nodeType === Node.TEXT_NODE);5        return textNode && textNode.textContent.trim();6    });7    const firstVisibleTextNode = await getOwnFirstVisibleTextNode('#populate');8        .expect(firstVisibleTextNode).eql('Populate')9        .click('#populate');10});11import { Selector } from 'testcafe';12test('Getting the first visible text node', async t => {13    const getOwnFirstVisibleTextNode = Selector(node => {14        const textNode = Array.from(node.childNodes).find(node => node.nodeType === Node.TEXT_NODE);15        return textNode && textNode.textContent.trim();16    });17    const firstVisibleTextNode = await getOwnFirstVisibleTextNode('.gLFyf');18        .expect(firstVisibleTextNode).eql('Search')19        .typeText('.gLFyf', 'testcafe')20        .click('.gNO89b');21});22import { Selector } from 'testcafe';23test('Getting the first visible text node', async t => {24    const getOwnFirstVisibleTextNode = Selector(node => {25        const textNode = Array.from(node.childNodes).find(node => node.nodeType === Node.TEXT_NODE);26        return textNode && textNode.textContent.trim();27    });28    const firstVisibleTextNode = await getOwnFirstVisibleTextNode('.gLFyf');29        .expect(firstVisibleTextNode).eql('Search')30        .typeText('.gLFyf', 'testcafe')31        .click('.gNO89b');32});

Using AI Code Generation

1import { Selector } from 'testcafe';2test('Getting the first visible text node', async t => {3    const getOwnFirstVisibleTextNode = Selector(node => node.firstChild);4        .expect(getOwnFirstVisibleTextNode('.feature-list').innerText).eql('Support for all modern browsers')5        .expect(getOwnFirstVisibleTextNode('#submit-button').value).eql('Submit');6});7#### selector.withText(text)8import { Selector } from 'testcafe';9const getLabel = Selector('label').withText('Name:');10test('My test', async t => {11        .expect(getLabel.exists).ok()12        .expect(getLabel.textContent).eql('Name:');13});14#### selector.nth(index)15import { Selector } from 'testcafe';16const secondLabel = Selector('label').nth(1);17test('My test', async t => {18        .expect(secondLabel.exists).ok()19        .expect(secondLabel.textContent).eql('Email:');20});21#### selector.withAttribute(name[, value])22import { Selector } from 'testcafe';23const windowsRadioButton = Selector('input').withAttribute('value', 'Windows');24test('My test', async t => {25        .expect(windowsRadioButton.exists).ok()26        .expect(windowsRadioButton.checked).ok();27});28#### selector.withExactAttribute(name[, value])

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My test', async t => {3    const visibleText = await Selector('#developer-name').getOwnFirstVisibleTextNode();4        .expect(visibleText.nodeValue).eql('John Smith')5        .typeText(visibleText, 'Peter Parker');6});7import { Selector } from 'testcafe';8test('My test', async t => {9    const visibleText = await Selector('#developer-name').getOwnVisibleText();10        .expect(visibleText).eql('John Smith')11        .typeText('#developer-name', 'Peter Parker');12});13import { Selector } from 'testcafe';14test('My test', async t => {15    const visibleText = await Selector('#developer-name').getVisibleText();16        .expect(visibleText).eql('John Smith')17        .typeText('#developer-name', 'Peter Parker');18});19import { Selector } from 'testcafe';20test('My test', async t => {21    const secondLabel = Selector('label').nth(1);22        .expect(secondLabel.innerText).eql('I have tried TestCafe')23        .click(secondLabel);24});25import { Selector } from 'testcafe';26test('My test', async t => {27    const secondLabel = Selector('label').nth(1);28        .expect(secondLabel.innerText).eql('I have tried TestCafe')29        .click(secondLabel);30});

Using AI Code Generation

1import { Selector } from 'testcafe';2import { getOwnFirstVisibleTextNode } from 'testcafe/lib/client-functions/selector-builder/selector-utils';3test('My test', async t => {4    const element = Selector('#developer-name');5    const node = await getOwnFirstVisibleTextNode(element);6        .expect(node).eql('Name:')7        .typeText(element, 'Peter Parker');8});9getOwnFirstVisibleTextNode(selector [, options]) → Promise10import { Selector } from 'testcafe';11import { getOwnFirstVisibleTextNode } from 'testcafe/lib/client-functions/selector-builder/selector-utils';12test('My test', async t => {13    const element = Selector('#developer-name');14    const node = await getOwnFirstVisibleTextNode(element);15        .expect(node).eql('Name:')16        .typeText(element, 'Peter Parker');17});18import { Selector } from 'testcafe';19import { getOwnFirstVisibleTextNode } from 'testcafe/lib/client-functions/selector-builder/selector-utils';20test('My test', async t => {21    const element = Selector('#developer-name');22    const node = await getOwnFirstVisibleTextNode(element, { timeout: 5000 });

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My Test', async t => {3    const label = Selector('label').withText('Name:');4    const label2 = Selector('label').withText('Name:').child('input');5        .expect(label.getOwnFirstVisibleTextNode()).eql('Name:')6        .expect(label2.getOwnFirstVisibleTextNode()).eql('Name:');7});

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My test', async t => {3    const searchInput = Selector('#lst-ib');4    const searchInputFirstVisibleTextNode = await searchInput.getOwnFirstVisibleTextNode();5        .expect(searchInputFirstVisibleTextNode.nodeType).eql(3)6        .expect(searchInputFirstVisibleTextNode.nodeValue).eql('Search');7});8import { Selector } from 'testcafe';9test('My test', async t => {10    const searchInput = Selector('#lst-ib');11    const searchInputVisibleText = await searchInput.getOwnVisibleText();12        .expect(searchInputVisibleText).eql('Search');13});14import { Selector } from 'testcafe';15test('My test', async t => {16    const searchButton = Selector('#lst-ib').parent().find('button');17    const searchButtonPreviousSibling = await searchButton.getPreviousSibling();18        .expect(searchButtonPreviousSibling.id).eql('lst-ib');19});20import { Selector } from 'testcafe';21test('My test', async t => {22    const searchButton = Selector('#lst-ib').parent().find('button');23    const searchButtonPreviousSiblingElement = await searchButton.getPreviousSiblingElement();24        .expect(searchButtonPreviousSiblingElement.id).eql('lst-ib');25});

Using AI Code Generation

1import { Selector } from 'testcafe';2test('my test', async t => {3    const searchInput = Selector('#lst-ib').getOwnFirstVisibleTextNode();4    await t.typeText(searchInput, 'My TestCafe test');5});6import { Selector } from 'testcafe';7test('my test', async t => {8    const searchInput = Selector('#lst-ib').nth(0).getOwnFirstVisibleTextNode();9    await t.typeText(searchInput, 'My TestCafe test');10});

Using AI Code Generation

1import { Selector } from 'testcafe';2const getOwnFirstVisibleTextNode = async (element) => {3    const node = await element();4    if (node.nodeType === 3 && node.data.trim() !== '' && node.parentNode.style.display !== 'none') {5        return node;6    }7    if (node.childNodes.length) {8        for (const child of node.childNodes) {9            const found = await getOwnFirstVisibleTextNode(() => child);10            if (found) {11                return found;12            }13        }14    }15};16test('Getting the first visible text node', async t => {17    const getFirstVisibleTextNode = Selector(() => getOwnFirstVisibleTextNode(document.body));18    await t.expect(getFirstVisibleTextNode().innerText).eql('Hello world');19});20* [TestCafe E2E tests](

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.