How to use ember-classy-page-object - 10 common examples
To help you get started, we’ve selected a few ember-classy-page-object examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
ember-learn / ember-cli-addon-docs / tests / pages / guide.js View on Github 
import BaseAddonPage from './base';
import { collection } from 'ember-classy-page-object';
const GuidePage = BaseAddonPage.extend({
navItems: collection({ scope: '[data-test-id="nav-item"]' }),
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
index: {
scope: '[data-test-current-page-index]',
items: collection({
scope: '[data-test-index-item]'
})
}
});
export default GuidePage.create();scope: '[data-test-toggle]'
}),
sections: collection({
scope: '[data-test-api-section]',
header: text('[data-test-section-header]'),
items: collection({
scope: '[data-test-item]',
header: text('[data-test-item-header]'),
importPath: text('[data-test-import-path]'),
description: text('[data-test-item-description]'),
params: collection({
scope: '[data-test-item-params] [data-test-item-param]'
})
})
}),
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
editLink: {
scope: '[data-test-edit-page-link]',
href: attribute('href', 'a'),
},
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
index: {
scope: '[data-test-page-index]',
items: collection({import BaseAddonPage from './base';
import { collection } from 'ember-classy-page-object';
const GuidePage = BaseAddonPage.extend({
navItems: collection({ scope: '[data-test-id="nav-item"]' }),
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
index: {
scope: '[data-test-current-page-index]',
items: collection({
scope: '[data-test-index-item]'
})
}
});
export default GuidePage.create();const ModulePage = BaseAddonPage.extend({
navItems: collection({ scope: '[data-test-id="nav-item"]' }),
toggles: collection({
scope: '[data-test-toggle]'
}),
sections: collection({
scope: '[data-test-api-section]',
header: text('[data-test-section-header]'),
items: collection({
scope: '[data-test-item]',
header: text('[data-test-item-header]'),
importPath: text('[data-test-import-path]'),
description: text('[data-test-item-description]'),
params: collection({
scope: '[data-test-item-params] [data-test-item-param]'
})
})
}),
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
editLink: {
scope: '[data-test-edit-page-link]',
href: attribute('href', 'a'),
},
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objectsnavItems: collection({ scope: '[data-test-id="nav-item"]' }),
toggles: collection({
scope: '[data-test-toggle]'
}),
sections: collection({
scope: '[data-test-api-section]',
header: text('[data-test-section-header]'),
items: collection({
scope: '[data-test-item]',
header: text('[data-test-item-header]'),
importPath: text('[data-test-import-path]'),
description: text('[data-test-item-description]'),
params: collection({
scope: '[data-test-item-params] [data-test-item-param]'
})
})
}),
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
editLink: {
scope: '[data-test-edit-page-link]',
href: attribute('href', 'a'),
},
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
index: {import BaseAddonPage from '../base';
import { attribute, collection, text } from 'ember-classy-page-object';
const ModulePage = BaseAddonPage.extend({
navItems: collection({ scope: '[data-test-id="nav-item"]' }),
toggles: collection({
scope: '[data-test-toggle]'
}),
sections: collection({
scope: '[data-test-api-section]',
header: text('[data-test-section-header]'),
items: collection({
scope: '[data-test-item]',
header: text('[data-test-item-header]'),
importPath: text('[data-test-import-path]'),
description: text('[data-test-item-description]'),
params: collection({
scope: '[data-test-item-params] [data-test-item-param]'
})
})
}),
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
editLink: {toggles: collection({
scope: '[data-test-toggle]'
}),
sections: collection({
scope: '[data-test-api-section]',
header: text('[data-test-section-header]'),
items: collection({
scope: '[data-test-item]',
header: text('[data-test-item-header]'),
importPath: text('[data-test-import-path]'),
description: text('[data-test-item-description]'),
params: collection({
scope: '[data-test-item-params] [data-test-item-param]'
})
})
}),
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
editLink: {
scope: '[data-test-edit-page-link]',
href: attribute('href', 'a'),
},
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
index: {
scope: '[data-test-page-index]',scope: '[data-test-item]',
header: text('[data-test-item-header]'),
importPath: text('[data-test-import-path]'),
description: text('[data-test-item-description]'),
params: collection({
scope: '[data-test-item-params] [data-test-item-param]'
})
})
}),
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
editLink: {
scope: '[data-test-edit-page-link]',
href: attribute('href', 'a'),
},
// eslint-disable-next-line ember/avoid-leaking-state-in-ember-objects
index: {
scope: '[data-test-page-index]',
items: collection({
scope: '[data-test-index-item]'
})
}
});
export default ModulePage.create();import BaseAddonPage from '../base';
import { collection, text } from 'ember-classy-page-object';
const ClassPage = BaseAddonPage.extend({
navItems: collection({ scope: '[data-test-id="nav-item"]' }),
title: text('[data-test-class-name]'),
description: text('[data-test-class-description]'),
sections: collection({
scope: '[data-test-api-section]',
header: text('[data-test-section-header]'),
items: collection({
scope: '[data-test-item]',
header: text('[data-test-item-header]'),
importPath: text('[data-test-import-path]'),
description: text('[data-test-item-description]'),import BaseAddonPage from '../base';
import { collection, text } from 'ember-classy-page-object';
const ClassPage = BaseAddonPage.extend({
navItems: collection({ scope: '[data-test-id="nav-item"]' }),
title: text('[data-test-class-name]'),
description: text('[data-test-class-description]'),
sections: collection({
scope: '[data-test-api-section]',
header: text('[data-test-section-header]'),
items: collection({
scope: '[data-test-item]',
header: text('[data-test-item-header]'),
importPath: text('[data-test-import-path]'),
description: text('[data-test-item-description]'),
params: collection({
scope: '[data-test-item-params] [data-test-item-param]'
})
})
})
});
export default new ClassPage();ember-classy-page-object
The default blueprint for ember-cli addons.
Package Health Score
48 / 100Popular ember-classy-page-object functions
- ember-classy-page-object.alias
- ember-classy-page-object.attribute
- ember-classy-page-object.collection
- ember-classy-page-object.extend
- ember-classy-page-object.hasClass
- ember-classy-page-object.property
- ember-classy-page-object.text
- ember-classy-page-object.triggerable
- ember-classy-page-object/extend.findElement