mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 11:17:19 +08:00
46 lines
2.5 KiB
JavaScript
46 lines
2.5 KiB
JavaScript
describe('Inputs', () => {
|
|
beforeEach(() => {
|
|
cy.visit('http://localhost:8080/inputs')
|
|
})
|
|
it('should have default value', () => {
|
|
cy.get('ion-checkbox').should('have.prop', 'checked').and('eq', false);
|
|
cy.get('ion-toggle').should('have.prop', 'checked').and('eq', false);
|
|
cy.get('ion-input').should('have.prop', 'value').and('eq', '');
|
|
cy.get('ion-range').should('have.prop', 'value').and('deep.eq', { lower: 30, upper: 70 });
|
|
cy.get('ion-textarea').should('have.prop', 'value').and('eq', '');
|
|
cy.get('ion-searchbar').should('have.prop', 'value').and('eq', '');
|
|
cy.get('ion-datetime').should('have.prop', 'value').and('eq', '');
|
|
cy.get('ion-radio-group').should('have.prop', 'value').and('eq', 'red');
|
|
cy.get('ion-segment').should('have.prop', 'value').and('eq', 'dogs');
|
|
cy.get('ion-select').should('have.prop', 'value').and('eq', 'apples');
|
|
});
|
|
|
|
it('should set/reset values', () => {
|
|
cy.get('ion-button#set').click();
|
|
|
|
cy.get('ion-checkbox').should('have.prop', 'checked').and('eq', true);
|
|
cy.get('ion-toggle').should('have.prop', 'checked').and('eq', true);
|
|
cy.get('ion-input').should('have.prop', 'value').and('eq', 'Hello World');
|
|
cy.get('ion-range').should('have.prop', 'value').and('deep.eq', { lower: 10, upper: 90 });
|
|
cy.get('ion-textarea').should('have.prop', 'value').and('eq', 'Lorem Ipsum');
|
|
cy.get('ion-searchbar').should('have.prop', 'value').and('eq', 'Search Query');
|
|
cy.get('ion-datetime').should('have.prop', 'value').and('eq', '2019-01-31');
|
|
cy.get('ion-radio-group').should('have.prop', 'value').and('eq', 'blue');
|
|
cy.get('ion-segment').should('have.prop', 'value').and('eq', 'cats');
|
|
cy.get('ion-select').should('have.prop', 'value').and('eq', 'bananas');
|
|
|
|
cy.get('ion-button#reset').click();
|
|
|
|
cy.get('ion-checkbox').should('have.prop', 'checked').and('eq', false);
|
|
cy.get('ion-toggle').should('have.prop', 'checked').and('eq', false);
|
|
cy.get('ion-input').should('have.prop', 'value').and('eq', '');
|
|
cy.get('ion-range').should('have.prop', 'value').and('deep.eq', { lower: 30, upper: 70 });
|
|
cy.get('ion-textarea').should('have.prop', 'value').and('eq', '');
|
|
cy.get('ion-searchbar').should('have.prop', 'value').and('eq', '');
|
|
cy.get('ion-datetime').should('have.prop', 'value').and('eq', '');
|
|
cy.get('ion-radio-group').should('have.prop', 'value').and('eq', 'red');
|
|
cy.get('ion-segment').should('have.prop', 'value').and('eq', 'dogs');
|
|
cy.get('ion-select').should('have.prop', 'value').and('eq', 'apples');
|
|
});
|
|
})
|