@christian-bromann/webdriverio/test/spec/unit/selectors.js

A nodejs bindings implementation for selenium 2.0/webdriver

import findStrategy from '../../../lib/helpers/findElementStrategy'

describe('selector strategies helper', () => {
    it('should find an element using "css selector" method', () => {
        const element = findStrategy('.red')
        element.using.should.be.equal('css selector')
        element.value.should.be.equal('.red')
    })

    it('should find an element using "id" method', () => {
        const element = findStrategy('#purplebox')
        element.using.should.be.equal('id')
        element.value.should.be.equal('purplebox')
    })

    it('should find an element using "name" method', () => {
        const element = findStrategy('[name="searchinput"]')
        element.using.should.be.equal('name')
        element.value.should.be.equal('searchinput')
    })

    it('should find an element using "name" method with a . in the name', () => {
        const element = findStrategy('[name="search.input"]')
        element.using.should.be.equal('name')
        element.value.should.be.equal('search.input')
    })

    it('should find an element using "link text" method', () => {
        const element = findStrategy('=GitHub Repo')
        element.using.should.be.equal('link text')
        element.value.should.be.equal('GitHub Repo')
    })

    it('should find an element using "partial link text" method', () => {
        const element = findStrategy('*=new')
        element.using.should.be.equal('partial link text')
        element.value.should.be.equal('new')
    })

    it('should find an element using "tag name" method and tag format <XXX />', () => {
        const element = findStrategy('<textarea />')
        element.using.should.be.equal('tag name')
        element.value.should.be.equal('textarea')
    })

    it('should find an element using "tag name" method and tag format <XXX>', () => {
        const element = findStrategy('<textarea>')
        element.using.should.be.equal('tag name')
        element.value.should.be.equal('textarea')
    })

    it('should find an element using "xpath" method', () => {
        const element = findStrategy('//html/body/section/div[6]/div/span')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//html/body/section/div[6]/div/span')
    })

    it('should find an element using "xpath" method for ParenthesizedExpressions', () => {
        const element = findStrategy('(//div)[7]/span')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('(//div)[7]/span')
    })

    // check if it is still backwards compatible for obsolete command
    it('should find an element by defining custom strategy', () => {
        const element = findStrategy('my special strategy', '#.some [weird] selector', () => {})
        element.using.should.be.equal('my special strategy')
        element.value.should.be.equal('#.some [weird] selector')
    })

    it('should find an element by tag name + content', () => {
        const element = findStrategy('div=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//div[normalize-space() = "some random text with "§$%&/()div=or others"]')
    })

    it('should find an element by tag name + id + similar content', () => {
        const element = findStrategy('h1=Christian')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//h1[normalize-space() = "Christian"]')
    })

    it('should find an element by tag name + similar content', () => {
        const element = findStrategy('div*=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//div[contains(., "some random text with "§$%&/()div=or others")]')
    })

    it('should find an element by tag name + class + content', () => {
        const element = findStrategy('div.some-class=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//div[contains(@class, "some-class") and normalize-space() = "some random text with "§$%&/()div=or others"]')
    })

    it('should find an element class + content', () => {
        const element = findStrategy('.some-class=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//*[contains(@class, "some-class") and normalize-space() = "some random text with "§$%&/()div=or others"]')
    })

    it('should find an element by tag name + class + similar content', () => {
        const element = findStrategy('div.some-class*=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//div[contains(@class, "some-class") and contains(., "some random text with "§$%&/()div=or others")]')
    })

    it('should find an element by class + similar content', () => {
        const element = findStrategy('.some-class*=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//*[contains(@class, "some-class") and contains(., "some random text with "§$%&/()div=or others")]')
    })

    it('should find an element by tag name + id + content', () => {
        const element = findStrategy('div#some-class=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//div[contains(@id, "some-class") and normalize-space() = "some random text with "§$%&/()div=or others"]')
    })

    it('should find an element by id + content', () => {
        const element = findStrategy('#some-class=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//*[contains(@id, "some-class") and normalize-space() = "some random text with "§$%&/()div=or others"]')
    })

    it('should find an element by tag name + id + similar content', () => {
        const element = findStrategy('div#some-id*=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//div[contains(@id, "some-id") and contains(., "some random text with "§$%&/()div=or others")]')
    })

    it('should find an element by id + similar content', () => {
        const element = findStrategy('#some-id*=some random text with "§$%&/()div=or others')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//*[contains(@id, "some-id") and contains(., "some random text with "§$%&/()div=or others")]')
    })

    it('should find an element by id + similar content see #1494', () => {
        const element = findStrategy('#What-is-WebdriverIO*=What')
        element.using.should.be.equal('xpath')
        element.value.should.be.equal('//*[contains(@id, "What-is-WebdriverIO") and contains(., "What")]')
    })

    it('should find an element by ui automator strategy (android only)', () => {
        const element = findStrategy('android=foo')
        element.using.should.be.equal('-android uiautomator')
        element.value.should.be.equal('foo')
    })

    it('should find an element by ui automation strategy (ios only)', () => {
        const element = findStrategy('ios=foo')
        element.using.should.be.equal('-ios uiautomation')
        element.value.should.be.equal('foo')
    })

    it('should find an element by accessibility id', () => {
        const element = findStrategy('~foo')
        element.using.should.be.equal('accessibility id')
        element.value.should.be.equal('foo')
    })

    it('should find an element by css selector with id and attribute', () => {
        const element = findStrategy('#purplebox[data-foundBy]')
        element.using.should.be.equal('css selector')
    })

    it('should find an element by css selector with id and immediately preceded operator', () => {
        const element = findStrategy('#purplebox+div')
        element.using.should.be.equal('css selector')
    })

    it('should find an element by css selector with id and preceded operator', () => {
        const element = findStrategy('#purplebox~div')
        element.using.should.be.equal('css selector')
    })

    it('should find an element by css selector with id and pseudo class', () => {
        const element = findStrategy('#purplebox:before')
        element.using.should.be.equal('css selector')
    })

    it('should find an element by android accessibility id', () => {
        const selector = 'new UiSelector().text("Cancel")).className("android.widget.Button")'
        const element = findStrategy('android=' + selector)
        element.using.should.be.equal('-android uiautomator')
        element.value.should.be.equal(selector)
    })

    it('should find an element by ios accessibility id', () => {
        const selector = 'UIATarget.localTarget().frontMostApp().mainWindow().buttons()[0]'
        const element = findStrategy('ios=' + selector)
        element.using.should.be.equal('-ios uiautomation')
        element.value.should.be.equal(selector)
    })

    it('should find an mobile ios element class name', () => {
        const element = findStrategy('UIATextField')
        element.using.should.be.equal('class name')
    })

    it('should find an mobile android element class name', () => {
        const element = findStrategy('android.widget.EditText')
        element.using.should.be.equal('class name')
    })
})