TheDutchCoder

<template>
  <div class="notification" :class="classList" transition="notification">
    <div class="notification__progress"></div>
    <div class="notification__close" @click="remove">
      <div class="bar"></div>
      <div class="bar"></div>
    </div>
    <div class="notification__icon-area">
      {{{ icon }}}
    </div>

TheDutchCoder

<template>
  <div class="notifications">
    <notification-item v-for="item in notificationsItems" v-if="$index === 0" :item="item" :index="$index"></notification-item>
  </div>
</template>

<script>
// Imports.
import notificationItem from './notificationItem'

TheDutchCoder

// Types.
import {
  NOTIFICATIONS_ADD,
  NOTIFICATIONS_REMOVE
} from '../mutation-types'

// Default state.
const state = {
  items: []
}

TheDutchCoder

// other tests

  it('should toggle the component when it\'s open and ESC is pressed', (done) => {
    vm = createTest(CpColorPicker, defaultProps)

    expect(vm.isOpen).to.equal(false)

    vm.isOpen = true

    Vue.nextTick(() => {

TheDutchCoder

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",

TheDutchCoder

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

TheDutchCoder

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

TheDutchCoder

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

TheDutchCoder

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

TheDutchCoder

const sendCode = (email) => {
  let error = Math.random() < 0.25

  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (error) {
        reject({ code: 3 })
      }

      if (email === '[email protected]') {