Click not working on ion-button (e2e)

Bắt đầu với package.json và test-config/protractor.conf.js, sau đó chạy lệnh e2e đã cấu hình trên màn hình đăng nhập và bài kiểm tra #login-button được hiển thị. Xác nhận rằng bài kiểm tra có thể kích hoạt nút gửi và quan sát thông báo lỗi như mong đợi khi các đầu vào để trống.

I 'm developing an Ionic 3 PWA (using lazy load). The tests was based on this example. I'm trying to do e2e tests.

My initial test is try to fill a form and click in the submit button of a login screen. I can select the button, altought the click event doesn't works. It should show an error message if the input are empty.

My test:

import { browser, by, WebElementPromise } from 'protractor';

describe('App', () => {

  beforeEach(() => {
    
  });

  describe('default screen', () => {
    beforeEach(() => {
      browser.navigateTo('http://10.0.1.63:8100/#/login');
    });

    

    it('It must work', () => {
              browser.findElement(by.css('#login-button')).then(function (element) {                    
                element.click().then(function (clickResult) {
                      console.log(clickResult) // it logs null
                  }).catch(function (error) {
                      console.error('ERROr ON CLICK', error)
                  });
              }).catch(function (error: Error) {
                  console.error('ERROR ON FIND ELEMENT', error)
              });
    });
        
  })
});

Package.json:
{
  "name": "ionic-unit-testing-example",
  "author": "Ionic Framework",
  "homepage": "https://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve",
    "test": "karma start ./test-config/karma.conf.js",
    "test-ci": "karma start ./test-config/karma.conf.js --single-run",
    "e2e": "webdriver-manager update --standalone false --gecko false; protractor ./test-config/protractor.conf.js"
  },
  "dependencies": {
    "@angular/common": "4.1.2",
    "@angular/compiler": "4.1.2",
    "@angular/compiler-cli": "4.1.2",
    "@angular/core": "4.1.2",
    "@angular/forms": "4.1.2",
    "@angular/http": "4.1.2",
    "@angular/platform-browser": "4.1.2",
    "@angular/platform-browser-dynamic": "4.1.2",
    "@ionic-native/core": "3.12.1",
    "@ionic-native/splash-screen": "3.12.1",
    "@ionic-native/status-bar": "3.12.1",
    "@ionic/storage": "2.0.1",
    "ionic-angular": "3.3.0",
    "ionicons": "3.0.0",
    "rxjs": "5.1.1",
    "sw-toolbox": "3.4.0",
    "zone.js": "0.8.11"
  },
  "devDependencies": {
    "@ionic/app-scripts": "1.3.7",
    "@ionic/cli-plugin-ionic-angular": "1.4.1",
    "@types/jasmine": "^2.5.41",
    "@types/node": "^7.0.8",
    "angular2-template-loader": "^0.6.2",
    "html-loader": "^0.4.5",
    "ionic": "3.7.0",
    "jasmine": "^2.5.3",
    "jasmine-spec-reporter": "^4.1.0",
    "karma": "^1.5.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-jasmine": "^1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-sourcemap-loader": "^0.3.7",
    "karma-webpack": "^2.0.3",
    "null-loader": "^0.1.1",
    "protractor": "^5.1.1",
    "ts-loader": "^2.0.3",
    "ts-node": "^3.0.2",
    "typescript": "2.3.3"
  },
  "version": "0.0.1",
  "description": "An Ionic project"
}