felippenardi

Testing an Angular $resource factory

Learn from live example how to test a $resource factory. What to test? What /not/ to test? When to use $resource? These questions will be answered here.

DEMO LINK

Let's start with a brief review.

What is $resource and when to use it?

The $resource is an Angular Service that makes it really easy to setup CRUD operations with RESTful APIs. If you have a /api/posts/ , this is all the code you need to setup http operations for POST, PUT, DELETE and GET:

felippenardi

Protractor API

http://angular.github.io/protractor/#/api

Note: Most commands return promises, so you only resolve their values through using jasmine expect API or using .then(function()) structure

Based on this post: https://spagettikoodi.wordpress.com/2015/01/14/angular-testing-cheat-sheet/ by @crystoll

Control browser

browser.get('yoururl'); // Load address, can also use '#yourpage'

felippenardi

Guide: GraphQL API Design

This guide was created by VTEX for internal purposes inspired by Shopify's GraphQL API Tutorial.

Error Handling

There is no official GraphQL guidelines for handling errors, so we are stabilishing our own.

felippenardi

#!/bin/bash

CHANGED_FILES=`git diff origin/master...HEAD --name-only`

node_modules/eslint/bin/eslint.js -f json $CHANGED_FILES --quiet | node_modules/eslines/index.js --quiet
if [[ $? != 0 ]] ; then
    echo "Fix style violations"
    exit 1
fi
echo "All changed files are good"

felippenardi

const twoFactorMachine = {
  two_factor: {
    id: 'two_factor',
    onEntry: ['checkTwoFactorSettings'],
    initial: 'unknown',
    states: {
      unknown: {
        on: {
          '': [
            { target: 'setup', cond: 'needsToSetupTwoFactor' },

felippenardi

const twoFactorMachine = {
  two_factor: {
    id: 'two_factor',
    onEntry: ['checkTwoFactorSettings'],
    initial: 'unknown',
    states: {
      unknown: {
        on: {
          '': [
            { target: 'setup', cond: 'needsToSetupTwoFactor' },

felippenardi

const twoFactorMachine = {
  two_factor: {
    id: 'two_factor',
    onEntry: ['checkTwoFactorSettings'],
    initial: 'unknown',
    states: {
      unknown: {
        on: {
          '': [
            { target: 'setup', cond: 'needsToSetupTwoFactor' },

felippenardi

{
  "store.home": {
    "blocks": [
      "info-card#principal",
      "info-card#bottom",
      "shelf"
    ]
  },

  "info-card#principal": {

felippenardi

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

felippenardi

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