diff --git a/app/assets/javascripts/spinner.js b/app/assets/javascripts/spinner.js index b7bfe1a2572dee598a27fc9e06c9faabdc7dd6e0..6b5ac89a576419aebf0187a3b7c46ae0d78840b6 100644 --- a/app/assets/javascripts/spinner.js +++ b/app/assets/javascripts/spinner.js @@ -6,7 +6,8 @@ class Spinner { } start() { - this.renderable.prepend(this.container); + this.renderable.innerHTML = ''; + this.renderable.appendChild(this.container); } stop() { diff --git a/spec/javascripts/spinner_spec.js b/spec/javascripts/spinner_spec.js index ec62503659c201e88fb4a6fbd82111989a83cddc..f550285e0f76dbc9ad39c0abd9107712f113b231 100644 --- a/spec/javascripts/spinner_spec.js +++ b/spec/javascripts/spinner_spec.js @@ -31,7 +31,7 @@ describe('Spinner', () => { describe('start', () => { beforeEach(() => { - renderable = jasmine.createSpyObj('renderable', ['prepend']); + renderable = jasmine.createSpyObj('renderable', ['appendChild']); container = {}; spinner = { @@ -42,8 +42,12 @@ describe('Spinner', () => { Spinner.prototype.start.call(spinner); }); - it('should call .prepend', () => { - expect(renderable.prepend).toHaveBeenCalledWith(container); + it('should set .innerHTML to an empty string', () => { + expect(renderable.innerHTML).toEqual(''); + }); + + it('should call .appendChild', () => { + expect(renderable.appendChild).toHaveBeenCalledWith(container); }); });