MiguelMadero

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

MiguelMadero

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

MiguelMadero

Summary

Describes the different levels of testing, tools and techniques available on z-frontend for Web Apps. The RFC touches on the levels of testing, how they interact, which tools we use for each, how do we make them scale, when do we run them (locally and different CI/CD) stages. Finally, we also propose changes to our deployment process.

Motivation

There is currently a big Test Gap today. This leads to lack of confidence on doing changes, slower

MiguelMadero

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

MiguelMadero

import Ember from 'ember';

export default Ember.Component.extend({
  items: [],
  newName: '',
  actions: {
    addItem () {
      console.log('action fired');
      console.log(this.get('newName'));
      this.get('items').pushObject({name: this.get('newName')});

MiguelMadero

// initializers/x-routing-service.js
export default {
	name: 'x-routing-service',
	initialize: function(container, application) {
		application.inject('service:routing', 'router', 'router:main');
		application.inject('service:routing', 'applicationController', 'controller:application');
	}
};

// services/routing.js

MiguelMadero

import Ember from 'ember';

export default Ember.Component.extend({
  init () {
    this._super(...arguments);
    console.log(this.get('name') + " component init");
  },
  willInsertElement () {
    console.log(this.get('name') + " component willInsertElement");
  },

MiguelMadero

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  init () {
    this._super(...arguments);
    console.log('app controller init');
    Ember.run.scheduleOnce('afterRender', function () {
      console.log('app controller init afterRender');
    });

MiguelMadero

import Ember from 'ember';

let counter = 0;
const actualData = {x:1};
const queue = [];
const ProxyObject = Ember.ObjectProxy.extend({
  unknownProperty (key) {
    console.log('unkknownProperty was called', counter, key);
    if (++counter < 15 ) {
      //Ember.run.throttle(this,

MiguelMadero

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  onStreetAddressChange: function() {
    var address = this.get('streetAddress2');
    address = (address) ? this.get('streetAddress') + ', ' + address : this.get('streetAddress');
    this.set('address', address);
	}.observes('streetAddress', 'streetAddress2'),
  streetAddress: null,