Methods

Table of Contents

attribute

Parameters

  • attributeName string Name of the attribute to get
  • selector string CSS selector of the element to check
  • userOptions (optional, default {})

  • options Object Additional options

    • options.scope string Nests provided scope within parent’s scope
    • options.resetScope boolean Override parent’s scope
    • options.at number Reduce the set of matched elements to the one at the specified index
    • options.testContainer string Context where to search elements in the DOM

Examples

// <input placeholder="a value">

import { create, attribute } from 'ember-cli-page-object';

const page = create({
  inputPlaceholder: attribute('placeholder', 'input')
});

assert.equal(page.inputPlaceholder, 'a value');

// <div><input></div>
// <div class="scope"><input placeholder="a value"></div>
// <div><input></div>

import { create, attribute } from 'ember-cli-page-object';

const page = create({
  inputPlaceholder: attribute('placeholder', ':input', { scope: '.scope' })
});

assert.equal(page.inputPlaceholder, 'a value');

// <div><input></div>
// <div class="scope"><input placeholder="a value"></div>
// <div><input></div>

import { create, attribute } from 'ember-cli-page-object';

const page = create({
  scope: 'scope',
  inputPlaceholder: attribute('placeholder', ':input')
});

assert.equal(page.inputPlaceholder, 'a value');
  • Throws any Will throw an error if no element matches selector
  • Throws any Will throw an error if multiple elements are matched by selector

Returns Descriptor

attr

Get Element attribute value

For backward compatibility reasons we aim to follow the way the $.attr( works

Parameters

Returns any string undefined