cypress-example-kitchensink/app/assets/js/todo/store.js

This is an example app used to showcase Cypress.io End-to-End (E2E) testing. For a full reference of our documentation, go to https://docs.cypress.io

/*
 * Forked from TodoMVC
 * https://todomvc.com
 *
 * MIT License © Addy Osmani, Sindre Sorhus, Pascal Hartig, Stephen Sawchuk
 */

/*jshint eqeqeq:false */
(function (window) {
  'use strict'

  /**
   * Creates a new client side storage object and will create an empty
   * collection if no collection already exists.
   *
   * @param {string} name The name of our DB we want to use
   * @param {function} callback Our fake DB uses callbacks because in
   * real life you probably would be making AJAX calls
   */
  function Store (name, callback) {
    callback = callback || function () {}

    this._dbName = name

    if (!localStorage.getItem(name)) {
      let todos = []

      localStorage.setItem(name, JSON.stringify(todos))
    }

    callback.call(this, JSON.parse(localStorage.getItem(name)))
  }

  /**
   * Finds items based on a query given as a JS object
   *
   * @param {object} query The query to match against (i.e. {foo: 'bar'})
   * @param {function} callback The callback to fire when the query has
   * completed running
   *
   * @example
   * db.find({foo: 'bar', hello: 'world'}, function (data) {
   *   // data will return any items that have foo: bar and
   *   // hello: world in their properties
   * });
   */
  Store.prototype.find = function (query, callback) {
    if (!callback) {
      return
    }

    let todos = JSON.parse(localStorage.getItem(this._dbName))

    callback.call(this, todos.filter(function (todo) {
      for (let q in query) {
        if (query[q] !== todo[q]) {
          return false
        }
      }

      return true
    }))
  }

  /**
   * Will retrieve all data from the collection
   *
   * @param {function} callback The callback to fire upon retrieving data
   */
  Store.prototype.findAll = function (callback) {
    callback = callback || function () {}
    callback.call(this, JSON.parse(localStorage.getItem(this._dbName)))
  }

  /**
   * Will save the given data to the DB. If no item exists it will create a new
   * item, otherwise it'll simply update an existing item's properties
   *
   * @param {object} updateData The data to save back into the DB
   * @param {function} callback The callback to fire after saving
   * @param {number} id An optional param to enter an ID of an item to update
   */
  Store.prototype.save = function (updateData, callback, id) {
    let todos = JSON.parse(localStorage.getItem(this._dbName))

    callback = callback || function () {}

    // If an ID was actually given, find the item and update each property
    if (id) {
      for (let i = 0; i < todos.length; i++) {
        if (todos[i].id === id) {
          for (let key in updateData) {
            todos[i][key] = updateData[key]
          }
          break
        }
      }

      localStorage.setItem(this._dbName, JSON.stringify(todos))
      callback.call(this, todos)
    } else {
      // Generate an ID
      updateData.id = new Date().getTime()

      todos.push(updateData)
      localStorage.setItem(this._dbName, JSON.stringify(todos))
      callback.call(this, [updateData])
    }
  }

  /**
   * Will remove an item from the Store based on its ID
   *
   * @param {number} id The ID of the item you want to remove
   * @param {function} callback The callback to fire after saving
   */
  Store.prototype.remove = function (id, callback) {
    let todos = JSON.parse(localStorage.getItem(this._dbName))

    for (let i = 0; i < todos.length; i++) {
      if (todos[i].id === id) {
        todos.splice(i, 1)
        break
      }
    }

    localStorage.setItem(this._dbName, JSON.stringify(todos))
    callback.call(this, todos)
  }

  /**
   * Will drop all storage and start fresh
   *
   * @param {function} callback The callback to fire after dropping the data
   */
  Store.prototype.drop = function (callback) {
    let todos = []

    localStorage.setItem(this._dbName, JSON.stringify(todos))
    callback.call(this, todos)
  }

  // Export to window
  window.app = window.app || {}
  window.app.Store = Store
})(window)