Repository: Swimlane/angular-model-factory
Branch: master
Commit: 9e876387f964
Files: 18
Total size: 106.9 KB
Directory structure:
gitextract_esd4rmsq/
├── .gitignore
├── .npmignore
├── .travis.yml
├── CONTRIBUTING.md
├── Gruntfile.js
├── LICENSE
├── README.md
├── bower.json
├── examples/
│ ├── plain/
│ │ └── index.html
│ └── simple.js
├── package.json
├── src/
│ └── modelFactory.js
└── test/
├── .jshintrc
├── karma.conf-ci.js
├── karma.conf.js
└── spec/
├── modelFactory.spec.js
├── modelUsage.spec.js
└── regression.spec.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
node_modules/
bower_components/
jspm_packages/
.idea/*
_site/
typings/
dist/
*.log
================================================
FILE: .npmignore
================================================
node_modules/
bower_components/
test/
src/
examples/
================================================
FILE: .travis.yml
================================================
sudo: false
language: node_js
cache:
directories:
- node_modules
branches:
only:
- master
notifications:
email: false
node_js:
- '4.1'
before_install:
- npm i -g npm@^2.0.0
- npm install -g grunt
- npm install -g bower
- npm install
- bower install
before_script:
- npm prune
after_success:
- npm run semantic-release
================================================
FILE: CONTRIBUTING.md
================================================
Contributing
============
We'd love to get contributions from your part...in the end that's the value behind sharing, right? :smile:
However, for staying organized we'd like you to follow these simple guidelines:
- [Issues](#issues)
- [Commit Message Guidelines](#commit)
- [Coding](#coding)
## ():
```
The **header** is mandatory and the **scope** of the header is optional.
Any line of the commit message cannot be longer than 100 characters! This allows the message to be easier
to read on GitHub as well as in various git tools.
### Revert
If the commit reverts a previous commit, it should begin with `revert: `, followed by the header of the reverted commit. In the body it should say: `This reverts commit .`, where the hash is the SHA of the commit being reverted.
### Type
Must be one of the following:
* **feat**: A new feature
* **fix**: A bug fix
* **docs**: Documentation only changes
* **style**: Changes that do not affect the meaning of the code (white-space, formatting, missing
semi-colons, etc)
* **refactor**: A code change that neither fixes a bug nor adds a feature
* **perf**: A code change that improves performance
* **test**: Adding missing tests
* **chore**: Changes to the build process or auxiliary tools and libraries such as documentation
generation
### Scope
The scope could be anything specifying place of the commit change. For example
`olHelper`, `layer`, etc.
### Subject
The subject contains succinct description of the change:
* use the imperative, present tense: "change" not "changed" nor "changes"
* don't capitalize first letter
* no dot (.) at the end
### Body
Just as in the **subject**, use the imperative, present tense: "change" not "changed" nor "changes".
The body should include the motivation for the change and contrast this with previous behavior.
### Footer
The footer should contain any information about **Breaking Changes** and is also the place to
reference GitHub issues that this commit **Closes**.
**Breaking Changes** should start with the word `BREAKING CHANGE:` with a space or two newlines. The rest of the commit message is then used for this.
A detailed explanation can be found in this [document][https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/edit].
## ",
"Juri Strumpflohner "
],
"description": "modelFactory makes working with RESTful APIs in AngularJS easy",
"license": "MIT",
"homepage": "http://swimlane.github.io/angular-model-factory/",
"repository": {
"type": "git",
"url": "git://github.com/swimlane/model-factory.git"
},
"main": "./dist/angular-model-factory.js",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"src",
"examples"
],
"dependencies": {
"uri-templates": "~0.1.5",
"deep-diff": "~0.2.0",
"angular": "1.3.x"
},
"devDependencies": {
"angular-mocks": "1.x",
"angular-scenario": "1.x"
},
"resolutions": {
"angular": "1.4.9"
}
}
================================================
FILE: examples/plain/index.html
================================================
Model Factory demo
================================================
FILE: examples/simple.js
================================================
define(['angular', 'model-factory'], function (angular) {
var module = angular.module('myapp', ['modelFactory']);
module.factory('AnimalModel', function() {
function Animal(val) {
angular.extend(this, val);
};
Animal.prototype.dateAdded = function(val) {
return new Date(val);
};
return Animal;
});
module.factory('ZooModel', function($modelFactory, AnimalModel){
return $modelFactory('api/zoo', {
defaults: {
zooName: 'New Zoo'
},
map: {
animals: function(animal){
return animal.map(function(a){ return new AnimalModel(a); })
}
},
actions: {
query: {
cache: true
},
$copy: {
method: 'POST',
url: 'copy'
}
}
});
});
module.config(function ($stateProvider) {
$stateProvider.state('zoo', {
url: '/zoo',
templateUrl: 'zoo.tpl.html',
controller: 'ZooCtrl',
resolve: {
zoos: function (ZooModel) {
return ZooModel.query();
}
}
});
});
module.controller('ZooCtrl', function ($scope, ZooModel, zoos) {
//-> zoos = [ ZooModel({ type: 'National', name: 'DC Zoo', id: '123' }) ]
$scope.zoos = zoos;
$scope.editZoo = function(zoo){
// UPDATE since we have an id
zoo.$save().then(function(model){
// cache was invalidated
alert('Zoo was updated');
});
};
$scope.deleteZoo = function(zoo){
zoo.$destroy().then(function(){
// cache was invalidated
alert('Zoo was deleted');
// zoo was automatically removed from array
//-> $scope.zoos = [];
});
};
$scope.createZoo = function(name){
var newZoo = new ZooModel({
name: name
});
// POST since no id
zooModel.$save().then(function(model){
//-> ZooModel({ name: 'whatever', newAnimal: true })
// push our new zoo into the model
// this will relate the zoo to the model
// so if a user destorys this model it will
// automatically be removed from the array too
$scope.zoos.push(model);
});
};
$scope.getZoo = function(id){
// get a zoo by id
ZooModel.get(id).then(function(model){
$scope.newZoo = model;
});
};
$scope.getPandas = function(){
// get a zoo by animalType of panda
// GET api/zoo?animalType=panda
ZooModel.query({ animalType: 'panda' }).then(function(models){
$scope.pandas = models;
});
};
$scope.refreshZoos = function(){
ZooModel.query().then(function(models){
// models = [ ZooModel({ type: 'National', name: 'DC Zoo', id: '123' }) ]
$scope.allZoos = models;
});
};
});
return module;
});
================================================
FILE: package.json
================================================
{
"name": "angular-model-factory",
"author": "Austin McDaniel ",
"authors": [
"Juri Strumpflohner "
],
"description": "modelFactory makes working with RESTful APIs in AngularJS easy",
"license": "MIT",
"devDependencies": {
"grunt": "~0.4.5",
"grunt-bower": "*",
"grunt-cli": ">= 0.1.7",
"grunt-contrib-concat": "*",
"grunt-contrib-jshint": "*",
"grunt-contrib-uglify": "*",
"grunt-karma": "~0.9.0",
"jasmine-core": "~2.1.2",
"karma": "~0.12.28",
"karma-chrome-launcher": "~0.1.5",
"karma-firefox-launcher": "~0.1.3",
"karma-ie-launcher": "^0.2.0",
"karma-jasmine": "~0.3.1",
"karma-mocha-reporter": "~0.3.1",
"karma-phantomjs-launcher": "~0.1.4",
"ng-annotate": "^1.0.2",
"publish-latest": "^1.1.2",
"semantic-release": "^4.3.5"
},
"main": "./dist/angular-model-factory.js",
"scripts": {
"build": "grunt build",
"prepublish": "npm run build",
"postpublish": "publish-latest",
"test": "grunt karma:ci",
"semantic-release": "semantic-release pre && npm publish && semantic-release post"
},
"repository": {
"type": "git",
"url": "https://github.com/Swimlane/angular-model-factory.git"
}
}
================================================
FILE: src/modelFactory.js
================================================
/* global angular:false */
'use strict';
(function(global, factory) {
if (typeof define === 'function' && define.amd) {
define(['angular', 'uri-templates', 'deep-diff'], factory);
} else if (typeof module !== 'undefined' && module.exports) {
module.exports = factory(require('angular'), require('uri-templates'), require('deep-diff'));
} else {
global.ModelFactory = factory(global.angular, global.UriTemplate, global.DeepDiff);
}
})(this, function(angular, UriTemplate, DeepDiff) {
var module = angular.module('modelFactory', []);
// compression
var isUndefined = angular.isUndefined,
forEach = angular.forEach,
extend = angular.extend,
copy = angular.copy;
// keywords that are reserved for model instance
// internal usage only and to be stripped
// before sending to server
var instanceKeywords = [ '$$array', '$save', '$destroy',
'$pending', '$rollback', '$diff', '$update', '$commit', '$copy' ];
// keywords that are reserved for the model static
// these are used to determine if a attribute should be extended
// to the model static class for like a helper that is not a http method
var staticKeywords = [ 'actions', 'instance', 'list', 'defaults',
'pk', 'stripTrailingSlashes', 'map'];
// Deep extends
// http://stackoverflow.com/questions/15310935/angularjs-extend-recursive
var extendDeep = function (dst) {
forEach(arguments, function (obj) {
if (obj !== dst) {
forEach(obj, function (value, key) {
if (instanceKeywords.indexOf(key) === -1) {
if (dst[key]) {
if (angular.isArray(dst[key])) {
dst[key].concat(value.filter(function (v) {
var vv = dst[key].indexOf(v) !== -1;
if (vv) extendDeep(vv, v);
return vv;
}));
} else if (angular.isObject(dst[key])) {
extendDeep(dst[key], value);
} else {
// if value is a simple type like a string, boolean or number
// then assign it
dst[key] = value;
}
} else if (!angular.isFunction(dst[key])) {
dst[key] = value;
}
}
});
}
});
return dst;
};
// Create a shallow copy of an object and clear other fields from the destination
// https://github.com/angular/angular.js/blob/master/src/ngResource/resource.js#L30
var shallowClearAndCopy = function(src, dst) {
dst = dst || {};
// Remove any properties in destination that were not
// returned from the source
forEach(dst, function (value, key) {
if(!src.hasOwnProperty(key) && key.charAt(0) !== '$') {
delete dst[key];
}
});
for(var key in src) {
if(src.hasOwnProperty(key) && key.charAt(0) !== '$') {
// For properties common to both source and destination,
// check for object references and recurse as needed. Route around
// arrays to prevent value/order inconsistencies
if(angular.isObject(src[key]) && !angular.isArray(src[key])) {
dst[key] = shallowClearAndCopy(src[key], dst[key]);
} else {
// Not an object, so just overwrite with value from source
dst[key] = src[key];
}
}
}
return dst;
};
module.provider('$modelFactory', function(){
var provider = this;
provider.defaultOptions = {
/**
* URL Prefix for requests. This should only really
* be used at the provider level, not an instance.
*/
prefix: '',
/**
* Primary key of the model
*/
pk: 'id',
/**
* By default, trailing slashes will be stripped
* from the calculated URLs.
*/
stripTrailingSlashes: true,
/**
* Default values for a new instance.
* This will only be populated if the property
* is undefined.
*
* Example:
* defaults: {
* 'create': new Date()
* }
*/
defaults: {},
/**
* Attribute mapping. Tranposes attributes
* from a response to a different attribute.
*
* Also handles 'has many' and 'has one' relations.
*
* Example:
* map: {
* // transpose `animalId` to
* // `id` on our instance
* 'id': 'animalId',
*
* // transposes `animal` attribute
* // to an array of `AnimalModel`'s
* 'animal': AnimalModel.List,
*
* // transposes `location` attribute
* // to an instance of `LocationModel`
* 'location': LocationModel
* }
*/
map:{},
/**
* Hash declaration of model actions.
*
* NOTE: Anything prefixed with `$` will be attached to the
* model instance rather than the static.
*/
actions:{
/**
* Base options to be applied to all other actions by default.
* In addition to the methods listed here, any `$http` attribute
* is valid. https://docs.angularjs.org/api/ng/service/$http
*
* If the method is a `GET` and the arguments invoking it are a string or number,
* then the model automatically assumes you are wanting to pass those are the primary key.
*
* Action Agnostic Attributes:
* - `override` Overrides the base url prefixing.
* - `method` Case insensitive HTTP method (e.g. GET, POST, PUT, DELETE, JSONP, etc).
* - `url` URL to be invoked by `$http`. All urls are prefixed with the base url passed initally. All templates are [URI Template](http://tools.ietf.org/html/rfc6570) spec.
*/
'base': {
/**
* Wrap the response from an action in a instance of the model.
*/
wrap: true,
/**
* Callback before data is sent to server.
* This allows developers to manipulate the
* object before its sent to the server but
* not effect the core object.
*/
beforeRequest: undefined,
/**
* Callback after data recieved from server but
* before the data is wrapped in an instance.
*/
afterRequest: undefined,
/**
* By default, do not cache the requests.
*/
cache: false
},
'get': {
method: 'GET'
},
'query': {
method: 'GET',
/**
* If true then the returned object for this action is an array.
*/
isArray: true
},
/**
* In theory `post`, `update`, and `delete` below would/should not be used,
* instead one would use `$save` or `$destroy` to be invoked
*/
'post': {
method: 'POST',
invalidateCache: true
},
'update': {
method: 'PUT',
invalidateCache: true
},
'delete': {
method: 'DELETE',
invalidateCache: true
}
},
/**
* Instance level extensions/helpers.
*
* Example:
* instance: {
* 'name': function() {
* return this.first + ' ' + this.last
* }
* }
*/
instance: {},
/**
* List level extensions/helpers.
*
* Example:
*
* list: {
* 'namesById': function(id){
* return this.find(function(u){ return u.id === id; });
* }
* }
*
*/
list: {}
};
provider.$get = ['$rootScope', '$http', '$q', '$log', '$cacheFactory', function($rootScope, $http, $q, $log, $cacheFactory) {
/**
* Model factory.
*
* Example usages:
* $modelFactory('api/zoo');
* $modelFactory('api/zoo', { ... });
*/
function modelFactory(url, options) {
/**
* Prevents multiple calls of the exact same type.
*
* { key: url, value: promise }
*
*/
var promiseTracker = {};
/**
* Make a pretty name from the url
* for the event emitters
*/
var nameSplit = url.split('/'),
prettyName = nameSplit[nameSplit.length - 1];
// copy so we also extend our defaults and not override
//var actions = angular.extend({}, defaultOptions.actions, options.actions);
options = extendDeep({}, copy(provider.defaultOptions), options);
//
// Collection
// ------------------------------------------------------------
//
/**
* Model list instance.
* All raw objects passed will be converted to an instance of this model.
*
* If we `push` a item into an existing collection, a pointer will be made
* so on a destroy items will be removed from the array as well.
*
* Example usages:
* var zoos = new Zoo.List([ {}, ... ]);
*/
function ModelCollection(value){
value = value || [];
// wrap each obj
value.forEach(function(v, i){
// this should not happen but prevent blow up
if(v === null || v === undefined) return;
// reset to new instance
value[i] = wrapAsNewModelInstance(v, value);
});
// override push to set an instance
// of the list on the model so destroys will chain
var __oldPush = value.push;
value.push = function(){
// Array.push(..) allows to pass in multiple params
var args = Array.prototype.slice.call(arguments);
for(var i=0; i 'api/zoo/2345'
*
* // {}
* Model.$url('api/zoo/{id}')
* //-> 'api/zoo'
*
* // { params: { type: 'panda' } }
* Model.$url('api/zoo/{?params*}')
* //-> 'api/zoo?type=panda'
*
* Optionally strips trailing `/`'s.
*
* Based on:
* https://github.com/geraintluff/uri-templates
*/
Model.$url = function(u, params, method){
var uri = new UriTemplate(u || url)
.fill(function(variableName){
var resolvedVariable = params[variableName];
// if we have a match, substitute and remove it
// from the original params object
if(resolvedVariable){
// only remove params on GET requests as the
// passed object is intended to be used
// as URL params. For persistent HTTP calls
// the object has to be left as it is (for now)
if(method === 'GET'){
delete params[variableName];
}
return resolvedVariable;
}else{
// ?? log an error??
return null;
}
});
// .fillFromObject(params || {});
if(options.stripTrailingSlashes){
uri = uri.replace(/\/+$/, '') || '/';
}
return uri;
};
/**
* Remove instances of reserved keywords
* before sending to server/json.
*/
Model.$strip = function(args){
// todo: this needs to account for relationships too?
// either make recursive or chain invoked
if(args && typeof args === 'object'){
forEach(args, function(v,k){
if(instanceKeywords.indexOf(k) > -1){
delete args[k];
}
});
}
return args;
};
// extend the static class with arguments that are not internal
forEach(options, function(v, k){
if(staticKeywords.indexOf(k) === -1){
Model[k] = v;
}
});
// has to be at end for depedency reasons
Model.List = ModelCollection;
return Model;
}
return modelFactory;
}];
});
return module;
});
================================================
FILE: test/.jshintrc
================================================
{
"node": true,
"browser": true,
"esnext": true,
"bitwise": true,
"camelcase": true,
"curly": true,
"eqeqeq": true,
"immed": true,
"indent": 2,
"latedef": true,
"newcap": true,
"noarg": true,
"quotmark": "single",
"regexp": true,
"undef": true,
"unused": true,
"strict": true,
"trailing": true,
"smarttabs": true,
"globals": {
"after": false,
"afterEach": false,
"angular": false,
"before": false,
"beforeEach": false,
"browser": false,
"describe": false,
"expect": false,
"inject": false,
"it": false,
"jasmine": false,
"spyOn": false
}
}
================================================
FILE: test/karma.conf-ci.js
================================================
// Karma configuration
// http://karma-runner.github.io/0.12/config/configuration-file.html
// Generated on 2014-11-27 using
// generator-karma 0.8.2
module.exports = function(config) {
config.set({
// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,
// base path, that will be used to resolve files and exclude
basePath: '../',
// testing framework to use (jasmine/mocha/qunit/...)
frameworks: ['jasmine'],
// list of files / patterns to load in the browser
files: [
'bower_components/angular/angular.js',
'bower_components/angular-mocks/angular-mocks.js',
// 'bower_components/angular-scenario/angular-scenario.js',
// 'bower_components/deep-diff/index.js',
// 'bower_components/uri-templates/uri-templates.js',
// 'bower_components/angular-animate/angular-animate.js',
// 'bower_components/angular-cookies/angular-cookies.js',
// 'bower_components/angular-resource/angular-resource.js',
// 'bower_components/angular-route/angular-route.js',
// 'bower_components/angular-sanitize/angular-sanitize.js',
// 'bower_components/angular-touch/angular-touch.js',
'dist/angular-model-factory-bundle.min.js',
'test/mock/**/*.js',
'test/spec/**/*.js'
],
// list of files / patterns to exclude
exclude: [],
// web server port
port: 9876,
// Start these browsers, currently available:
// - Chrome
// - ChromeCanary
// - Firefox
// - Opera
// - Safari (only Mac)
// - PhantomJS
// - IE (only Windows)
browsers: [
'PhantomJS'
],
// if the browser doesn't capture within the given ms, kill it
captureTimeout: 60000,
// Which plugins to enable
// plugins: [
// 'karma-phantomjs-launcher',
// 'karma-jasmine'
// ],
// Continuous Integration mode
// if true, it capture browsers, run tests and exit
singleRun: false,
colors: true,
// level of logging
// possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
logLevel: config.LOG_INFO,
// Uncomment the following lines if you are using grunt's server to run the tests
// proxies: {
// '/': 'http://localhost:9000/'
// },
// URL root prevent conflicts with the site root
// urlRoot: '_karma_'
});
};
================================================
FILE: test/karma.conf.js
================================================
// Karma configuration
// http://karma-runner.github.io/0.12/config/configuration-file.html
// Generated on 2014-11-27 using
// generator-karma 0.8.2
module.exports = function(config) {
config.set({
// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,
// base path, that will be used to resolve files and exclude
basePath: '../',
// testing framework to use (jasmine/mocha/qunit/...)
frameworks: ['jasmine'],
// list of files / patterns to load in the browser
files: [
'bower_components/angular/angular.js',
'bower_components/angular-mocks/angular-mocks.js',
// 'bower_components/angular-scenario/angular-scenario.js',
'bower_components/deep-diff/index.js',
'bower_components/uri-templates/uri-templates.js',
// 'bower_components/angular-animate/angular-animate.js',
// 'bower_components/angular-cookies/angular-cookies.js',
// 'bower_components/angular-resource/angular-resource.js',
// 'bower_components/angular-route/angular-route.js',
// 'bower_components/angular-sanitize/angular-sanitize.js',
// 'bower_components/angular-touch/angular-touch.js',
'src/**/*.js',
'test/mock/**/*.js',
'test/spec/**/*.js'
],
// list of files / patterns to exclude
exclude: [],
// web server port
port: 9876,
// Start these browsers, currently available:
// - Chrome
// - ChromeCanary
// - Firefox
// - Opera
// - Safari (only Mac)
// - PhantomJS
// - IE (only Windows)
browsers: [
'PhantomJS'
],
// if the browser doesn't capture within the given ms, kill it
captureTimeout: 60000,
// Which plugins to enable
// plugins: [
// 'karma-phantomjs-launcher',
// 'karma-jasmine'
// ],
// Continuous Integration mode
// if true, it capture browsers, run tests and exit
singleRun: false,
colors: true,
// level of logging
// possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
logLevel: config.LOG_INFO,
// Uncomment the following lines if you are using grunt's server to run the tests
// proxies: {
// '/': 'http://localhost:9000/'
// },
// URL root prevent conflicts with the site root
// urlRoot: '_karma_'
});
};
================================================
FILE: test/spec/modelFactory.spec.js
================================================
'use strict';
/*
Specs that test the inner workings of the model-factory. Regression
tests can be placed in here.
*/
describe('A person model defined using modelFactory', function() {
var PersonModel;
var $httpBackend;
beforeEach(angular.mock.module('modelFactory'));
beforeEach(function() {
angular.module('test-module', ['modelFactory'])
.factory('PersonModel', function($modelFactory) {
return $modelFactory('/api/people');
});
});
beforeEach(angular.mock.module('test-module'));
beforeEach(inject(function(_$httpBackend_, _PersonModel_) {
$httpBackend = _$httpBackend_;
PersonModel = _PersonModel_;
}));
afterEach(function() {
$httpBackend.verifyNoOutstandingExpectation();
$httpBackend.verifyNoOutstandingRequest();
});
// describe('when calling model.$strip', function(){
// it('should remove all model-factory specific functions', function(){
// var raw = {
// id: 1,
// name: 'Juri'
// };
// expect(new PersonModel(raw).$strip).toEqual(raw);
// });
// });
describe('when copying a model object', function() {
it('calling $save on a new model should submit the copied values', function() {
var newModel = new PersonModel({
name: 'Juri'
});
var copied = newModel.$copy(); //angular.copy(newModel);
copied.name = 'Austin';
$httpBackend.expectPOST('/api/people', JSON.stringify(copied)).respond(200, '');
copied.$save();
$httpBackend.flush();
});
it('calling $save on it should submit the copied values', function() {
var newModel = new PersonModel({
name: 'Juri'
});
var copied = newModel.$copy(); //angular.copy(newModel);
copied.name = 'Austin';
$httpBackend.expectPOST('/api/people', JSON.stringify(copied)).respond(200, '');
copied.$save();
$httpBackend.flush();
});
it('calling $destroy on it should submit the copied values', function() {
var newModel = new PersonModel({
id: 1,
name: 'Juri'
});
var copied = newModel.$copy(); // angular.copy(newModel);
copied.id = 100;
$httpBackend.expectDELETE('/api/people/100').respond(200, '');
copied.$destroy();
$httpBackend.flush();
});
it('calling $destroy on a model list entry should not have any effect on the list', function(){
var modelList = new PersonModel.List([
{
id: 1,
name: 'Juri'
},
{
id: 2,
name: 'Austin'
},
{
id: 3,
name: 'Tim'
}
]);
var copy = modelList[1].$copy(); // angular.copy(modelList[1]);
$httpBackend.expectDELETE('/api/people/2').respond(200,'');
copy.$destroy();
$httpBackend.flush();
expect(modelList.length).toEqual(3);
});
});
describe('when calling $diff', function() {
// Need to use `JSON.parse(JSON.stringify(...))` to clean up `deep-diff` array
function toPlainObject(value) {
return JSON.parse(JSON.stringify(value));
}
it('should return differences when model changed', function(){
var model = new PersonModel({
id: 1,
name: 'Juri'
});
delete model.id;
model.name = 'Marat';
expect(toPlainObject(model.$diff())).toEqual([{
kind: 'D',
path: ['id'],
lhs: 1
}, {
kind: 'E',
path: ['name'],
lhs: 'Juri',
rhs: 'Marat'
}]);
});
});
});
================================================
FILE: test/spec/modelUsage.spec.js
================================================
///