toranb

#Abstract

The Ember community has a strong testing culture, but advanced topics like the intersection of integration and isolation testing can be as confusing as they are controversial. To make matters worse we are often tricked into believing that a mock library has the answer to all of our problems, making it difficult to evaluate when to use mocks (or even avoid them).

This talk will give you a fresh perspective on the use and abuse of mock objects, explore why this topic is crucial for test suite reliability, and equip developers with strategies to make these distinctions without the guesswork.

#Details

For years now I've had varying degrees of success with mock objects but until recently I didn't have a narrative in which to tell the story of "good mock/bad mock"

toranb

import { getOwner } from '@ember/application';
import { typeOf } from '@ember/utils';

// https://github.com/jamesarosen/ember-i18n/blob/61086238bb507922fbf458f98fd44fd6e0a24a4e/addon/utils/locale.js#L150
function withFlattenedKeys(object) {
  const result = {};

  Object.keys(object).forEach(function(key) {
    var value = object[key];

toranb

import Ember from 'ember';
import { connect } from 'ember-redux';
import hbs from 'htmlbars-inline-precompile';

const stateToComputed = state => ({
  number: state.number
});

const dispatchToActions = dispatch => ({
  add: () => dispatch({type: 'ADD'})

toranb

require 'watir-webdriver'
include Selenium

describe "Acceptance tests" do
  before :each do
    @b = Watir::Browser.new :firefox
  end

  after :each do
    @b.close

toranb

import Component, { tracked } from '@glimmer/component';
import { createStore } from 'redux';

const reducers = (state, action) => {
  if(action.type === 'ADD') {
    return state + 1;
  }
  return state || 0;
};
const store = createStore(reducers);

toranb

/* eslint-env node */
'use strict';

const path = require('path');
const replace = require('broccoli-replace');
const Merge = require('broccoli-merge-trees');

module.exports = {
  name: 'replacc',

toranb

export const updateItem = (id, name) => dispatch => dispatch({type: 'UPDATE_ITEM', id, name});
export const toggleEdit = (id, value) => dispatch => dispatch({type: 'TOGGLE_EDIT', id, value});

toranb

https://ember-twiddle.com/47a9f3254808ad4a1e093c71393a1016

saga^^

https://ember-twiddle.com/f18b3f7d1ad449a5b7f2ee7bb3fecd91

blow up^^

https://ember-twiddle.com/47a9f3254808ad4a1e093c71393a1016

toranb

import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';
import { connect } from 'ember-redux';

const stateToComputed = state => {
  return {
    name: state.data.name,
    loading: state.data.loading
  };
};

toranb

import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';
import { connect } from 'ember-redux';

const stateToComputed = state => {
  return {
    number: state.saga.number,
    loading: state.saga.loading
  };
};