cypress/integration/blogs.spec.js

@@ -6,7 +6,7 @@ context('Blogs', () => {
  .should('eq', `/newsfeed/subscriptions`);
  })
 
-  it('should not be able to create a new blog if no title or banner are specified', () => {
+ it('should not be able to create a new blog if no title or banner are specified', () => {
  cy.visit('/blog/edit/new');
 
  cy.get('.m-button--submit').click();
@@ -46,17 +46,11 @@ context('Blogs', () => {
  cy.wait(1000);
 
  cy.server();
- cy.route("POST", "**/api/v1/blog/new").as("newBlog");
+ cy.route("POST", "**!/api/v1/blog/new").as("newBlog");
 
  cy.get('.m-button--submit').click({ force: true }); // TODO: Investigate why disabled flag is being detected
 
- cy.wait('@newBlog', { requestTimeout: 2000 }).then((xhr) => {
- expect(xhr.status).to.equal(200);
- expect(xhr.response.body).to.deep.equal({
- status: 'error',
- message: 'Please ensure your channel has an avatar before creating a blog'
- });
- });
+ cy.get('h1.m-blog--edit--error').contains('Error: Please ensure your channel has an avatar before creating a blog');
  });
 
  it('should be able to create a new blog', () => {

src/app/modules/blogs/edit/edit.ts

@@ -185,7 +185,7 @@ export class BlogEdit {
  this.blog = response.blog;
  this.guid = response.blog.guid;
  this.title.setTitle(this.blog.title);
- 
+
  if(this.blog.thumbnail_src)
  this.existingBanner = true;
  //this.hashtagsSelector.setTags(this.blog.tags);
@@ -235,6 +235,8 @@ export class BlogEdit {
  if (!this.validate())
  return;
 
+ this.error = '';
+
  this.inlineEditor.prepareForSave().then(() => {
  const blog = Object.assign({}, this.blog);
 
@@ -248,9 +250,14 @@ export class BlogEdit {
  this.check_for_banner().then(() => {
  this.upload.post('api/v1/blog/' + this.guid, [this.banner], blog)
  .then((response: any) => {
- this.router.navigate(response.route ? ['/' + response.route]: ['/blog/view', response.guid]);
- this.canSave = true;
  this.inProgress = false;
+ this.canSave = true;
+
+ if (response.status !== 'success') {
+ this.error = response.message;
+ return;
+ }
+ this.router.navigate(response.route ? ['/' + response.route]: ['/blog/view', response.guid]);
  })
  .catch((e) => {
  this.canSave = true;
@@ -275,7 +282,7 @@ export class BlogEdit {
  if (!this.banner)
  this.banner_prompt = true;
  return new Promise((resolve, reject) => {
- 
+
  if (this.banner)
  return resolve(true);