custom event not working

home.html

<formio-hero></formio-hero>
<div class="container">
  <formio [form]='form'></formio>
  <div class="well text-center" *ngIf="auth.authenticated">
    <h3 *ngIf="auth.user.data">You are logged in as <strong>{{ auth.user.data.email }}</strong>!</h3>
  </div>
</div>

home.ts

import {Component} from '@angular/core';
import { FormioAuthService } from 'ng2-formio/auth';
@Component({
  template: require('./home.html')
})
export class HomeComponent {
  form;
  constructor(public auth: FormioAuthService) {
    this.form={  
              "components":[  
                  {  
                    "input":true,
                    "label":"Test Me",
                    "tableView":false,
                    "key":"ud-9-1-sh1",
                    "size":"md",
                    "leftIcon":"",
                    "rightIcon":"",
                    "block":false,
                    "action":"event",
                    "disableOnInvalid":false,
                    "theme":"primary",
                    "type":"button",                    
                    "event":"testEvent"
                  },              
              ],
              "display":'form'
            }
  }
}