Feat: editorial workflow bitbucket gitlab (#3014)

* refactor: typescript the backends

* feat: support multiple files upload for GitLab and BitBucket

* fix: load entry media files from media folder or UI state

* chore: cleanup log message

* chore: code cleanup

* refactor: typescript the test backend

* refactor: cleanup getEntry unsued variables

* refactor: moved shared backend code to lib util

* chore: rename files to preserve history

* fix: bind readFile method to API classes

* test(e2e): switch to chrome in cypress tests

* refactor: extract common api methods

* refactor: remove most of immutable js usage from backends

* feat(backend-gitlab): initial editorial workflow support

* feat(backend-gitlab): implement missing workflow methods

* chore: fix lint error

* feat(backend-gitlab): support files deletion

* test(e2e): add gitlab cypress tests

* feat(backend-bitbucket): implement missing editorial workflow methods

* test(e2e): add BitBucket backend e2e tests

* build: update node version to 12 on netlify builds

* fix(backend-bitbucket): extract BitBucket avatar url

* test: fix git-gateway AuthenticationPage test

* test(e2e): fix some backend tests

* test(e2e): fix tests

* test(e2e): add git-gateway editorial workflow test

* chore: code cleanup

* test(e2e): revert back to electron

* test(e2e): add non editorial workflow tests

* fix(git-gateway-gitlab): don't call unpublishedEntry in simple workflow

gitlab git-gateway doesn't support editorial workflow APIs yet. This change makes sure not to call them in simple workflow

* refactor(backend-bitbucket): switch to diffstat API instead of raw diff

* chore: fix test

* test(e2e): add more git-gateway tests

* fix: post rebase typescript fixes

* test(e2e): fix tests

* fix: fix parsing of content key and add tests

* refactor: rename test file

* test(unit): add getStatues unit tests

* chore: update cypress

* docs: update beta docs

cypress/utils/mock-server.js

@@ -28,6 +28,8 @@ const retrieveRecordedExpectations = async () => {
     // Host is an array of strings
     return (
       Host.includes('api.github.com') ||
+      (Host.includes('gitlab.com') && httpRequest.path.includes('api/v4')) ||
+      Host.includes('api.bitbucket.org') ||
       Host.some(host => host.includes('netlify.com')) ||
       Host.some(host => host.includes('s3.amazonaws.com'))
     );

cypress/utils/steps.js

@@ -30,21 +30,12 @@ function login(user) {
 }
 
 function assertNotification(message) {
-  if (Array.isArray(message)) {
-    console.log(message);
-    const messages = message.reverse();
-    cy.get('.notif__container div')
-      .should('have.length.of', messages.length)
-      .each((el, idx) => {
-        cy.wrap(el)
-          .contains(messages[idx])
-          .invoke('hide');
-      });
-  } else {
-    cy.get('.notif__container').within(() => {
-      cy.contains(message).invoke('hide');
-    });
-  }
+  cy.get('.notif__container').within(() => {
+    cy.contains(message);
+    // eslint-disable-next-line cypress/no-unnecessary-waiting
+    cy.wait(100);
+    cy.contains(message).invoke('hide');
+  });
 }
 
 function exitEditor() {
@@ -203,7 +194,7 @@ function flushClockAndSave() {
   });
 }
 
-function populateEntry(entry) {
+function populateEntry(entry, onDone = flushClockAndSave) {
   const keys = Object.keys(entry);
   for (let key of keys) {
     const value = entry[key];
@@ -219,7 +210,7 @@ function populateEntry(entry) {
     }
   }
 
-  flushClockAndSave();
+  onDone();
 }
 
 function newPost() {
@@ -236,6 +227,34 @@ function createPostAndExit(entry) {
   exitEditor();
 }
 
+function publishEntry() {
+  cy.clock().then(clock => {
+    // some input fields are de-bounced thus require advancing the clock
+    if (clock) {
+      // https://github.com/cypress-io/cypress/issues/1273
+      clock.tick(150);
+      clock.tick(150);
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(500);
+    }
+
+    cy.contains('[role="button"]', 'Publish').as('publishButton');
+    cy.get('@publishButton')
+      .parent()
+      .within(() => {
+        cy.get('@publishButton').click();
+        cy.contains('[role="menuitem"] span', 'Publish now').click();
+      });
+    assertNotification(notifications.saved);
+  });
+}
+
+function createPostAndPublish(entry) {
+  cy.contains('a', 'New Post').click();
+  populateEntry(entry, publishEntry);
+  exitEditor();
+}
+
 function updateExistingPostAndExit(fromEntry, toEntry) {
   goToWorkflow();
   cy.contains('h2', fromEntry.title)
@@ -345,6 +364,7 @@ module.exports = {
   login,
   createPost,
   createPostAndExit,
+  createPostAndPublish,
   updateExistingPostAndExit,
   exitEditor,
   goToWorkflow,