Skip to content

Instantly share code, notes, and snippets.

@pleszkowicz
Forked from feanor07/controllers.application.js
Created February 21, 2019 10:00
Show Gist options
  • Save pleszkowicz/84aff43339ccfca36309903b92db6f4a to your computer and use it in GitHub Desktop.
Save pleszkowicz/84aff43339ccfca36309903b92db6f4a to your computer and use it in GitHub Desktop.
broken relationship
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
init() {
this.set('parent', this.store.createRecord('parent', {name:'foo'}))
},
actions: {
addNewChild() {
console.log(`@ foo`)
const child = this.store.createRecord('child', {parent: this.parent})
this.set('child', child)
},
unloadLastChild() {
if (this.child) {
// Commented out and it is broken somehow
// this.child.set('parent', null)
this.child.rollbackAttributes()
}
}
}
});
import Model from 'ember-data/model';
import attr from 'ember-data/attr';
import { belongsTo, hasMany } from 'ember-data/relationships';
export default Model.extend({
parent: belongsTo('parent')
});
import Model from 'ember-data/model';
import attr from 'ember-data/attr';
import { belongsTo, hasMany } from 'ember-data/relationships';
export default Model.extend({
children: hasMany('child', { inverse: null }),
name: attr('string')
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{parent.children.length}}
<button onclick={{action "addNewChild"}}>Add</button>
<button onclick={{action "unloadLastChild"}}>Unload last child</button>
<br>
<br>
import { run } from '@ember/runloop';
export default function destroyApp(application) {
run(application, 'destroy');
}
import Ember from 'ember';
import Application from '../../app';
import config from '../../config/environment';
const { run } = Ember;
const assign = Ember.assign || Ember.merge;
export default function startApp(attrs) {
let application;
let attributes = assign({rootElement: "#test-root"}, config.APP);
attributes.autoboot = true;
attributes = assign(attributes, attrs); // use defaults, but you can override;
run(() => {
application = Application.create(attributes);
application.setupForTesting();
application.injectTestHelpers();
});
return application;
}
import Application from '../app';
import config from '../config/environment';
import { setApplication } from '@ember/test-helpers';
import { start } from 'ember-qunit';
import { assign } from '@ember/polyfills';
let attributes = assign({ rootElement: '#main' }, config.APP);
setApplication(Application.create(attributes));
start();
{
"version": "0.15.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
"ember": "3.4.3",
"ember-template-compiler": "3.4.3",
"ember-testing": "3.4.3"
},
"addons": {
"ember-data": "3.4.2"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment