Как создать макет AlertController в Ionic - PullRequest
Новая
       17

Как создать макет AlertController в Ionic

0 голосов
/ 29 мая 2018

Я тестирую свое приложение ionic 3 с помощью жасмина, и мне интересно, как смоделировать AlertController, который создает предупреждение о подтверждении.

Функция создания уведомления о подтверждении следующая: 

pressedButton:string="";
myAlert() {
    let confirm = this.alerCtrl.create({
        title: 'Title',
        message: 'Some message here',
        buttons: [
        {
            text: 'No',
            handler: () => {
                this.pressedButton = 'No';
            }
        },
        {
            text: 'Yes',
            handler: () => {
                this.pressedButton = 'Yes';
            }
        }]
    });
    confirm.present()
}

По сути, я хочу создать макет для AlertController, который имитирует, например, пользователя, нажимающего кнопку «да», чтобы я мог проверить код внутри обработчика кнопки «Да».После моего юнит-теста. 

beforeEach(() => {
    fixture = TestBed.createComponent(MyPage);
    comp = fixture.componentInstance;
});

it('should set pressedButton to "Yes" when the user press the "Yes" button', () => {
    comp.myAlert(); //I want a mock that simulates the Yes button being pressed
    expect(comp.pressedButton).toEqual('Yes');
});

Я просмотрел ionic3-mocks (ссылка ниже), но не могу понять, как заставить действия кнопок внутри оповещения.https://www.npmjs.com/package/ionic3-mocks

1 Ответ

0 голосов
/ 29 мая 2018

Я не совсем знаком с ionic, но, в конце концов, это всего лишь JavaScript и HTML.Что вам нужно сделать, это взять элемент DOM, соответствующий кнопке, на которую вы хотите нажать, и затем вызвать метод click.

Вот что может сработать.

Добавьте идентификаторы ко всем кнопкам контроллера предупреждений, например: 

let confirm = this.alerCtrl.create({
    title: 'Title',
    message: 'Some message here',
    buttons: [
    {
        text: 'No',
        handler: () => {
            this.pressedButton = 'No';
        },
        id: 'no-alert'
    },
    {
        text: 'Yes',
        handler: () => {
            this.pressedButton = 'Yes';
        },
        id: 'yes-alert'
    }]
});
confirm.present()

Затем в своем тесте возьмите элемент кнопки: 

let yesButton = document.getElementById('yes-alert');
yesButton.click();
...continue the test...

Обновление Лучше проверить сам контроллер и убедиться, что все действия подключены правильно, но если это невозможно, вы можете просто проверить код обработчика напрямую.

Что-то вродеэто будет работать: 

export const yesHandler = () => ...
export const noHandler = () => ...

pressedButton:string="";
myAlert() {
    let confirm = this.alerCtrl.create({
        title: 'Title',
        message: 'Some message here',
        buttons: [
        {
            text: 'No',
            handler: noHandler
        },
        {
            text: 'Yes',
            handler: yesHandler
        }]
    });
    confirm.present()
}

И тогда вы сможете протестировать эти обработчики непосредственно в своих тестах.

...