import { $ , browser , by , element , ElementFinder } from 'protractor' ; import { NumberPickerPage } from '../number-picker.po.spec' ; export class NumberPickerReadonlyPage extends NumberPickerPage { numberPickerReadOnly = $ ( '#read-only-number-picker' ) ; emittedValue = element ( by . id ( 'emitted-value' ) ) ; readonlyCheckbox = element ( by . id ( 'readonlyCheckbox' ) ) ; incrementArrow = $ ( '#read-only-number-picker' ) . $ ( 'div.number-picker-controls' ) . $ ( 'div.number-picker-control-up' ) ; decrementArrow = $ ( '#read-only-number-picker' ) . $ ( 'div.number-picker-controls' ) . $ ( 'div.number-picker-control-down' ) ; async getPage ( ) { await browser . get ( '#/number-picker/readonly' ) ; } async clickOnCheckbox ( checkbox ) { await checkbox . $ ( '.ux-checkbox' ) . click ( ) ; } }