Ember.get doesn't see Mirage Model attrs

I hit a weird and surprising behavior:

let post = server.find('post', 1);
assert.equal(post.title, "The Title"); // Works
assert.equal(Ember.get(post, 'title'), "The Title"); // Doesn't work

Note that Ember.get is supposed to work on POJOs, and it works on defineProperty getters. But something about Mirage Model is confusing it.

This came up because I was stashing the Model on this in a component integration test, like:

this.set('model', model);
this.render(hbs`{{call-to-action-card teaser=model}}`);
assert.equal(this.$('h1').text(), this.get('model.title'));

And the chained get('model.title') fails.

[samselikoff]

server.create is designed to seed Mirage’s db with models, and the only way those would make it to your Ember app would be through an XHR request. From that perspective, it wouldn’t really make sense to set the return value from server.create on an Ember component.

I think enough people have asked about this though, so I’m open to introducing some helpers that would let you create client-side model instances from Mirage server data. But, no work has started on this yet.

[marclundgren]

thank you @acorncom