ivanbtrujillo

Angular2 Testing using AngularCli, Jasmine, Karma, Chai and PhantomJS

Tools

For unit testing in Angular2 we can configure a good environment using:

• Jasmine: a framework to write test
• karma: a test runner
• chai: a bdd assertions library
• Protractor: used to write end-to-end test. It explore the app as users experience it simulating user behaviour.
• PhantomJS: a script browser to run the angular code and check if it works properly.

ivanbtrujillo

Stop using switch like this:

switch(value){
  case 'a':
    console.log('value a');
    break;
  case 'b':
    console.log('value b');
 break;

ivanbtrujillo

Includes Angular-cli, Bootstrap 4 alpha, Chai, Karma and Protractor

Update node using NVM:

nvm ls-remote
nvm install v7.7.1

Install angular cli:

ivanbtrujillo

// Importamos la librería express
const express = require('express');

// Creamos una aplicación express
const app = express();

/* 
  Indicamos que escuche en el puerto 4000 y ejecute una funcion callback la cual
  mostrará un mensaje de error si lo hubiera, si sino mostrará el mensaje:
  Servidor express funcionando en el puerto 4000

ivanbtrujillo

const express = require('express'),
      // Llamamos a la librería express-graphql
      expressGraphQL = require('express-graphql');

const app = express();
/* 
  Indicamos a nuestra aplicación express que para las peticiones al 
  endpoint /graphql, delegaremos la gestion en la libreria expressGraphQL a la cual
  habilitamos la interfaz web graphiql, que nos permite operar con graphQL facilmente.
*/

ivanbtrujillo

// Importamos la librería GraphQl
const graphql = require('graphql');
/* 
 Usamos el deestructuring de Javascript Es6 para extraer el objeto GraphQLObjectType del objeto graphql
 (el cual es la librería) para poder utilizarlo fuera.
 */
const {
  GraphQLObjectType
} = graphql;

ivanbtrujillo

// Importamos la librería GraphQl
const graphql = require('graphql');
/*
 Usamos el deestructuring de Javascript Es6 para extraer el objeto GraphQLObjectType del objeto graphql
 (el cual es la librería) para poder utilizarlo fuera.
 */
const {
  GraphQLObjectType,
  GraphQLString
} = graphql;

ivanbtrujillo

// Importamos la librería GraphQl
const graphql = require('graphql');
/*
 Usamos el deestructuring de Javascript Es6 para extraer el objeto GraphQLObjectType del objeto graphql
 (el cual es la librería) para poder utilizarlo fuera.
 */
const {
  GraphQLObjectType,
  GraphQLString
} = graphql;

ivanbtrujillo

// Importamos la librería GraphQl
const graphql = require('graphql'),
      lodash = require('lodash');
/*
 Usamos el deestructuring de Javascript Es6 para extraer el objeto GraphQLObjectType del objeto graphql
 (el cual es la librería) para poder utilizarlo fuera.
 */
const {
  GraphQLObjectType,
  GraphQLString

ivanbtrujillo

const graphql = require('graphql');
const {
  GraphQLObjectType,
  GraphQLString,
  // Importamos GraphQL Schema de GraphQL mediante destructuring
  GraphQLSchema
} = graphql;

const users = [
  { id: '1', firstName: 'Ivan', lastName: 'Bacallado', country: 'España' },