diff --git a/app/components/file-menu.js b/app/components/file-menu.js new file mode 100644 index 00000000..fad5b638 --- /dev/null +++ b/app/components/file-menu.js @@ -0,0 +1,33 @@ +import Ember from "ember"; + +export default Ember.Component.extend({ + tagName: 'ul', + classNames: ['nav', 'nav-pills', 'file-menu'], + + actions: { + addFile(type) { + this.attrs.addFile(type); + }, + renameFile(file) { + this.attrs.renameFile(file); + }, + removeFile(file) { + this.attrs.removeFile(file); + }, + saveGist(model) { + this.sendAction('saveGist', model); + }, + share() { + prompt('Ctrl + C ;-)', window.location.href); + }, + fork(model) { + this.attrs.fork(model); + }, + deleteGist(model) { + this.attrs.deleteGist(model); + }, + signInViaGithub() { + this.sendAction('signInViaGithub'); + } + } +}); diff --git a/app/gist/controller.js b/app/gist/controller.js index 36e80c79..90ce4e89 100644 --- a/app/gist/controller.js +++ b/app/gist/controller.js @@ -112,10 +112,6 @@ export default Ember.Controller.extend({ } }, - share () { - prompt('Ctrl + C ;-)', window.location.href); - }, - /** * Add a new file to the model * @param {String|null} type Blueprint name or null for empty file diff --git a/app/gist/template.hbs b/app/gist/template.hbs index 994191d5..3c3a563b 100644 --- a/app/gist/template.hbs +++ b/app/gist/template.hbs @@ -1,44 +1,16 @@
- + {{file-menu model=model + session=session + activeEditorCol=activeEditorCol + activeFile=activeFile + addFile=(action "addFile") + renameFile=(action "renameFile") + removeFile=(action "removeFile") + saveGist="saveGist" + fork=(action "fork") + deleteGist=(action "deleteGist") + signInViaGithub="signInViaGithub" + }}
{{!-- {{#if isEditingDescription}} --}} diff --git a/app/templates/components/file-menu.hbs b/app/templates/components/file-menu.hbs new file mode 100644 index 00000000..647042d6 --- /dev/null +++ b/app/templates/components/file-menu.hbs @@ -0,0 +1,38 @@ +
  • + + File + + +
    • \ No newline at end of file diff --git a/tests/integration/components/file-menu-test.js b/tests/integration/components/file-menu-test.js new file mode 100644 index 00000000..ebc2fbcb --- /dev/null +++ b/tests/integration/components/file-menu-test.js @@ -0,0 +1,130 @@ +import Ember from "ember"; +import { moduleForComponent, test } from 'ember-qunit'; +import hbs from 'htmlbars-inline-precompile'; + +moduleForComponent('file-menu', 'Integration | Component | file menu', { + integration: true, + beforeEach() { + + this.addFileCalled = false; + this.renameFileCalled = false; + this.removeFileCalled = false; + this.saveGistCalled = false; + this.forkCalled = false; + this.deleteGistCalled = false; + this.signInViaGithubCalled = false; + + this.fileType = null; + this.renamedFile = null; + this.removedFile = null; + this.gistToSave = null; + this.gistToFork = null; + this.gistToDelete = null; + + this.file = Ember.Object.create({ + filePath: "some.path.js" + }); + + this.gist = Ember.Object.create({ + id: '74bae9a34142370ff5a3', + files: [this.file], + history: [], + isNew: false + }); + + // Set any properties with this.set('myProperty', 'value'); + this.set('model', this.gist); + + this.set('session', Ember.Object.create({ + isAuthenticated: true + })); + + this.set('activeEditorCol', 1); + + this.set('activeFile', this.file); + + // Handle any actions with this.on('myAction', function(val) { ... }); + this.on('addFile', (type) => { this.addFileCalled = true; this.fileType = type; }); + this.on('renameFile', (file) => { this.renameFileCalled = true; this.renamedFile = file; }); + this.on('removeFile', (file) => { this.removeFileCalled = true; this.removedFile = file; }); + this.on('saveGist', (gist) => { this.saveGistCalled = true; this.gistToSave = gist; }); + this.on('fork', (gist) => { this.forkCalled = true; this.gistToFork = gist; }); + this.on('deleteGist', (gist) => { this.deleteGistCalled = true; this.gistToDelete = gist; }); + this.on('signInViaGithub', () => { this.signInViaGithubCalled = true; }); + + this.render(hbs`{{file-menu model=model + session=session + activeEditorCol=activeEditorCol + activeFile=activeFile + addFile=(action "addFile") + renameFile=(action "renameFile") + removeFile=(action "removeFile") + saveGist="saveGist" + fork=(action "fork") + deleteGist=(action "deleteGist") + signInViaGithub="signInViaGithub"}}`); + } +}); + +test('it calls addFile on clicking an add file menu item', function(assert) { + assert.expect(2); + + this.$('.test-template-action').click(); + + assert.ok(this.addFileCalled, 'addFile was called'); + assert.equal(this.fileType, 'template', 'addFile was called with type parameter'); +}); + +test("it calls renameFile on clicking 'Rename'", function(assert) { + assert.expect(2); + + this.$('.test-rename-action').click(); + + assert.ok(this.renameFileCalled, 'renameFile was called'); + assert.equal(this.renamedFile, this.file, 'renameFile was called with file to rename'); +}); + +test("it calls removeFile on clicking 'Remove'", function(assert) { + assert.expect(2); + + this.$('.test-remove-action').click(); + + assert.ok(this.removeFileCalled, 'removeFile was called'); + assert.equal(this.removedFile, this.file, 'removeFile was called with file to remove'); +}); + +test("it calls saveGist on clicking 'Save to Github'", function(assert) { + assert.expect(2); + + this.$('.test-save-action').click(); + + assert.ok(this.saveGistCalled, 'saveGist was called'); + assert.equal(this.gistToSave, this.gist, 'saveGist was called with gist to save'); +}); + +test("it calls fork on clicking 'Fork Twiddle'", function(assert) { + assert.expect(2); + + this.$('.test-fork-action').click(); + + assert.ok(this.forkCalled, 'fork was called'); + assert.equal(this.gistToFork, this.gist, 'fork was called with gist to fork'); +}); + +test("it calls deleteGist on clicking 'Delete Twiddle'", function(assert) { + assert.expect(2); + + this.$('.test-delete-action').click(); + + assert.ok(this.deleteGistCalled, 'deleteGist was called'); + assert.equal(this.gistToDelete, this.gist, 'deleteGist was called with gist to delete'); +}); + +test("it calls signInViaGithub when clicking on 'Sign In To Github To Save'", function(assert) { + assert.expect(1); + + this.set('session.isAuthenticated', false); + this.$('.test-sign-in-action').click(); + + assert.ok(this.signInViaGithubCalled, 'signInViaGithub was called'); +});