New test case: verify if buffer is notified about discarding changes

Author: tniezurawski

tests/acceptance/application-test.js

@@ -73,4 +73,30 @@ module('Acceptance | application', function(hooks) {
     assert.dom('#user-email').hasText('test@dot.com');
     assert.dom('#buffer-has-changes').hasText('false');
   });
+
+  test('verify if buffer is notified about discarding changes', async function(assert) {
+    await visit('/');
+
+    assert.equal(currentURL(), '/');
+
+    // Init: Buffer's and content's property value are the same
+    assert.dom('#buffer-firstname').hasText('stefan');
+    assert.dom('#buffer-firstname-backward').hasText('nafets');
+    assert.dom('#user-firstname').hasText('stefan');
+    assert.dom('#buffer-has-changes').hasText('false');
+
+    // Change buffer value: there should be a difference between buffer and content
+    await fillIn('#firstname-input', 'tomek');
+    assert.dom('#buffer-firstname').hasText('tomek');
+    assert.dom('#buffer-firstname-backward').hasText('kemot');
+    assert.dom('#user-firstname').hasText('stefan');
+    assert.dom('#buffer-has-changes').hasText('true');
+
+    // Discard buffer changes and verify
+    await click('button#discard-changes');
+    assert.dom('#buffer-firstname').hasText('stefan');
+    assert.dom('#buffer-firstname-backward').hasText('nafets');
+    assert.dom('#user-firstname').hasText('stefan');
+    assert.dom('#buffer-has-changes').hasText('false');
+  });
 });

tests/dummy/app/controllers/application.js

@@ -1,7 +1,13 @@
 import Controller from '@ember/controller';
+import { computed } from '@ember/object';
 import BufferedProxy from 'ember-buffered-proxy/proxy';
 
 export default Controller.extend({
+
+  computedOnBuffer: computed('buffer.firstName', function() {
+    return this.get('buffer.firstName').split('').reverse().join('');
+  }),
+
   init() {
     this._super(...arguments);
 

tests/dummy/app/templates/application.hbs

@@ -4,6 +4,8 @@
 <div id="buffer-email">{{buffer.email}}</div>
 <div id="user-email">{{user.email}}</div>
 
+<div id="buffer-firstname-backward">{{computedOnBuffer}}</div>
+
 <div id="buffer-has-changes">{{buffer.hasChanges}}</div>
 
 {{input id="firstname-input" value=buffer.firstName onChange=(action (mut buffer.firstName))}}