.gitlab-ci.yml

@@ -44,6 +44,7 @@ test:e2e:
   before_script:
     # install missing dependencies
     - npm install -g sirv-cli
+    - npm install cypress-localstorage-commands
      # making sure the process is orphan
     - sirv dist --port 3000 > /dev/null 2>&1 &
   script:
@@ -99,6 +100,7 @@ test3:
   script:
     - echo "$APP_CONFIG_TEST3" > config.json
     - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
+    - sed -i -E 's/component-chat@([0-9]+).([0-9]+)/component-chat@beta/g' src/dependencies.pug
     - npm run build
     - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* test3@astral.startinblox.com:~/front/
   only:
@@ -219,7 +221,7 @@ smarttoulouse:
   before_script:
     - npm ci --cache .npm --prefer-offline --only=production
   script:
-    - echo "$APP_CONFIG_TOULOUSE" > config.json
+    - echo "$APP_CONFIG_SMARTTOULOUSE" > config.json
     - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
     - npm run build
     - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* smart-toulouse@ssh-smart-toulouse.happy-dev.fr:~/www/
@@ -552,3 +554,75 @@ apidays:
   when: manual
   tags:
     - deploy
+
+toulouse:
+  stage: deployment
+  environment:
+    name: toulouse
+    url: https://app.toulouse.happy-dev.fr
+  before_script:
+    - npm ci --cache .npm --prefer-offline --only=production
+  script:
+    - echo "$APP_CONFIG_TOULOUSE" > config.json
+    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
+    - npm run build
+    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* toulouse@ssh-toulouse.happy-dev.fr:~/front/
+  only:
+    - master
+  when: manual
+  tags:
+    - deploy
+
+lepool:
+  stage: deployment
+  environment:
+    name: lepool
+    url: https://lepool.hubl.world
+  before_script:
+    - npm ci --cache .npm --prefer-offline --only=production
+  script:
+    - echo "$APP_CONFIG_LEPOOL" > config.json
+    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
+    - npm run build
+    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* lepool@astral.startinblox.com:~/front/
+  only:
+    - master
+  when: manual
+  tags:
+    - deploy
+
+cpe:
+  stage: deployment
+  environment:
+    name: cpe
+    url: https://cpe.hubl.world
+  before_script:
+    - npm ci --cache .npm --prefer-offline --only=production
+  script:
+    - echo "$APP_CONFIG_CPE" > config.json
+    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
+    - npm run build
+    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* cpe@astral.startinblox.com:~/front/
+  only:
+    - master
+  when: manual
+  tags:
+    - deploy
+
+lescanumeriques:
+  stage: deployment
+  environment:
+    name: lescanumeriques
+    url: https://fichemetier.fr.hubl.world
+  before_script:
+    - npm ci --cache .npm --prefer-offline --only=production
+  script:
+    - echo "$APP_CONFIG_LESCANUMERIQUES" > config.json
+    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
+    - npm run build
+    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* lescanumeriques@astral.startinblox.com:~/front/
+  only:
+    - master
+  when: manual
+  tags:
+    - deploy
\ No newline at end of file

README.md

@@ -18,6 +18,7 @@ To install Hubl, you'll need:
 Before diving in you have to check your Hubl Server supports the following LDP packages:
 
 * djangoldp_account
+* djangoldp_community
 * djangoldp_notification
 * djangoldp_profile
 * djangoldp_skill
@@ -91,6 +92,16 @@ Where:
 * `authority` is the OpenID Provider. Usually, if you use `djangoldp-account` it's the same as your djangoldp server.
 * `endpoints.users` is the API endpoints for Users on your djangoldp server.
 
+### Communities
+
+Communities are mandatory to have an Hubl. If you're upgrading an existion Hubl, you can assign all your local users to a community this way:
+
+```bash
+./manage.py create_community --name="My community"
+```
+
+Don't forget to set some users as admin from the Django Admin if you want to allow them to create new users from app.
+
 ### Optional personalisation
 
 On `config.json`:
@@ -159,22 +170,6 @@ On `config.json`:
 
 A [sample fixture](https://git.startinblox.com/djangoldp-packages/djangoldp-dashboard/blob/master/djangoldp_dashboard/fixtures/sample.json) can be loaded with `./manage.py loaddata path/to/djangoldp_dashboard/fixtures/sample.json`.
 
-### Events
-
-Events allow to create and manage instance-level evenement. To activate them, you need:
-
-On Server: `djangoldp_event`, `djangoldp_upload` packages
-
-On `config.json`:
-
-```json
-  "endpoints": {
-      "events": "http://server.url/events/",
-      "typeevents": "http://server.url/typeevents/",
-    "uploads": "http://server.url/upload/"
-  }
-```
-
 ### Project
 
 Project are a private group chat including Customer and Business Provider management. To activate them, you need:
@@ -225,6 +220,57 @@ On `config.json`:
   }
 ```
 
+### Events
+
+The events module includes a listing of upcoming events and the capability to create new ones. 
+This module will also work inside the circles.
+To activate it, you need:
+
+On Server: `djangoldp_event`, `djangoldp_upload` packages
+
+On `config.json`:
+
+```json
+  "endpoints": {
+    "events":"http://server.url/events/",
+    "typeevents":"http://server.url/typeevents/",
+    "uploads": "http://server.url/upload/"
+  }
+```
+
+### Resources
+
+The resources module includes a listing of indexed resources and the capability to index new ones. 
+This module will also work inside the circles.
+To activate it, you need:
+
+On Server: `djangoldp_resource`, `djangoldp_upload`, `djangoldp_conversation` packages
+
+On `config.json`:
+
+```json
+  "endpoints": {
+    "resources":"http://server.url/resources/",
+    "resourceskeywords":"http://server.url/keywords/",
+    "resourcestypes":"http://server.url/types/",
+    "uploads": "http://server.url/upload/"
+  }
+```
+
+### Polls
+
+The polls module allows user to create polls related (or not) to circles. To activate it, you need:
+
+On Server: `djangoldp_polls`, `djangoldp_upload`, `djangoldp_conversation` packages
+
+On `config.json`:
+
+```json
+  "endpoints": {
+    "polls":"http://server.url/polls/"
+  }
+```
+
 ## Use with docker
 
 ### Multi services

client.sample.happy-dev.css

@@ -144,6 +144,12 @@
   --color-directory-form-select-icon: var(--color-complementary) !important;
 }
 
+/* Text color for the beta label */
+
+#header>div.header-left>span.beta-tag {
+  color: var(--color-complementary);
+}
+
 /* Button to edit a channel or a project (in project-profile) */
 #project solid-link[next="project-edit"],
 #circle solid-link[next="circle-edit"] {

cypress.json

 {
     "baseUrl": "http://127.0.0.1:3000",
-    "defaultCommandTimeout": 60000,
+    "defaultCommandTimeout": 1000,
     "chromeWebSecurity": false,
     "viewportWidth": 1920,
-    "viewportHeight": 1080
+    "viewportHeight": 1080,
+    "video": false
 }

cypress/README.md

+## Users:
+```
+ - signin
+ - signup
+ - create
+ - listing
+ - edit
+    // TO-FIX: Uncomment workaround (blocked by: nested routing bug)
+```
+
+## Job Offers:
+```
+ - create
+ - edit
+ - listing
+    // TO-FIX: Search by title and description (blocked by: no search fields available)
+ - post
+    // TO-DO: Entire flow (blocked by: no published / unpublished flag)
+```
+
+## Channels:
+```
+ - create
+ - edit
+ - leave
+ - retire
+ - delete
+ - join
+    // TO-DO: Join other user created project (blocked by: can't create new user to create a channel)
+ - invite
+    // TO-DO
+```
+
+## Projects:
+```
+ - create
+ - edit
+ - leave
+ - retire
+ - delete
+    // TO-DO: Delete a project (blocked by: no option to delete a project)
+ - join
+    // TO-DO: Join other user created project (blocked by: can't create new user to create a project)
+ - invite
+    // TO-DO
+```
+
+## Breakdown:
+```
+DONE: 15
+TO-FIX: 2
+BLOCKED: 4
+NOT DONE: 2
+```

cypress/fixtures/admin.json

+{
+    "username": "admin",
+    "password": "admin"
+}
\ No newline at end of file

cypress/integration/create-channel.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Create Channel Browser Testing', () => {
+  before(() => {
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Channel Creation process #1', () => {
+    let channelName = 'Test Channel ',
+        description = 'Test Description ';
+    it('should visit the channel creation screen', () => {
+      cy.visit('/admin/admin-circle-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-circle-create');
+      });
+    });
+    it('should enter correct channel data', () => {
+      cy.randomNum().then(num => {
+        channelName += num;
+        description += num;
+        cy.get('#admin-circle-create input[name="name"]').clear().type(channelName);
+        cy.get('#admin-circle-create input[name="name"]').should('have.value', channelName);
+        cy.get('#admin-circle-create input[name="description"]').clear().type(description);
+        cy.get('#admin-circle-create input[name="description"]').should('have.value', description);
+      });
+    });
+    it('should click on create channel button', () => {
+      cy.get('#admin-circle-create input[type="submit"]').click();
+    });
+    it('should land on channels list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin');
+      });
+    });
+    it('should land newly created channel on channels list screen', () => {
+      cy.contains('solid-display-value[name="circle.name"]', channelName).should("exist");
+      cy.fixture('admin.json').then(admin => {
+        cy.contains('solid-display-value[name="username"]', admin.username).should("exist");
+      });
+    });
+  });
+  describe('Channel Creation process #2', () => {
+    let channelName = 'Test Channel ',
+        description = 'Test Description ';
+    it('should visit the channel creation screen', () => {
+      cy.visit('/admin/admin-circle-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-circle-create');
+      });
+    });
+    it('should enter correct channel data', () => {
+      cy.randomNum().then(num => {
+        channelName += num;
+        description += num;
+        cy.get('#admin-circle-create input[name="name"]').clear().type(channelName);
+        cy.get('#admin-circle-create input[name="name"]').should('have.value', channelName);
+        cy.get('#admin-circle-create input[name="description"]').clear().type(description);
+        cy.get('#admin-circle-create input[name="description"]').should('have.value', description);
+      });
+    });
+    it('should click on create channel button', () => {
+      cy.get('#admin-circle-create input[type="submit"]').click();
+    });
+    it('should land on channels list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin');
+      });
+    });
+    it('should land newly created channel on channels list screen', () => {
+      cy.contains('solid-display-value[name="circle.name"]', channelName).should("exist");
+      cy.fixture('admin.json').then(admin => {
+        cy.contains('solid-display-value[name="username"]', admin.username).should("exist");
+      });
+    });
+  });
+  describe('Channel Creation process #3', () => {
+    let channelName = 'Test Channel ',
+        description = 'Test Description ';
+    it('should visit the channel creation screen', () => {
+      cy.visit('/admin/admin-circle-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-circle-create');
+      });
+    });
+    it('should enter correct channel data', () => {
+      cy.randomNum().then(num => {
+        channelName += num;
+        description += num;
+        cy.get('#admin-circle-create input[name="name"]').clear().type(channelName);
+        cy.get('#admin-circle-create input[name="name"]').should('have.value', channelName);
+        cy.get('#admin-circle-create input[name="description"]').clear().type(description);
+        cy.get('#admin-circle-create input[name="description"]').should('have.value', description);
+      });
+    });
+    it('should click on create channel button', () => {
+      cy.get('#admin-circle-create input[type="submit"]').click();
+    });
+    it('should land on channels list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin');
+      });
+    });
+    it('should land newly created channel on channels list screen', () => {
+      cy.contains('solid-display-value[name="circle.name"]', channelName).should("exist");
+      cy.fixture('admin.json').then(admin => {
+        cy.contains('solid-display-value[name="username"]', admin.username).should("exist");
+      });
+    });
+  });
+});

cypress/integration/create-job-offer.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Create Job Offer Browser Testing', () => {
+  let jobDate = '',
+      jobTitle = 'Test Job Offer ',
+      description = 'Test Description ';
+  before(() => {
+    cy.nextYear(1).then(year => {
+      jobDate = year + '-12-31';
+    });
+    cy.randomNum().then(num => {
+      jobTitle += num;
+      description += num;
+    });
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Job Offer Creation process', () => {
+    it('should visit the job offer creation screen', () => {
+      cy.visit('/job-offers/job-offers-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/job-offers/job-offers-create');
+      });
+    });
+    it('should enter correct job offer data', () => {
+      cy.get('#job-offers-create input[name="closingDate"]').clear().type(jobDate);
+      cy.get('#job-offers-create input[name="closingDate"]').should('have.value', jobDate);
+      cy.get('#job-offers-create input[name="title"]').clear().type(jobTitle);
+      cy.get('#job-offers-create input[name="title"]').should('have.value', jobTitle);
+      cy.get('#job-offers-create textarea[name="description"]').clear().type(description);
+      cy.get('#job-offers-create textarea[name="description"]').should('have.value', description);
+    });
+    it('should click on create job offer button', () => {
+      cy.get('#job-offers-create input[type="submit"]').click();
+    });
+    it('should land on job offers list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/job-offers');
+      });
+    });
+    it('should land newly created job offer on job offers list screen', () => {
+      cy.contains('solid-display-value[name="title"]', jobTitle).should("exist");
+      cy.contains('solid-display-value[name="description"]', description).should("exist");
+    });
+  });
+});

cypress/integration/create-project.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Create Project Browser Testing', () => {
+  before(() => {
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Project Creation process #1', () => {
+    let projectName = 'Test Project ',
+        customerName = 'Test Customer ',
+        description = 'Test Description ';
+    it('should visit the project creation screen', () => {
+      cy.visit('/admin/admin-projects/admin-project-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-projects/admin-project-create');
+      });
+    });
+    it('should enter correct project data', () => {
+      cy.randomNum().then(num => {
+        projectName += num;
+        customerName += num;
+        description += num;
+        cy.get('#admin-project-create input[name="customer.name"]').clear().type(customerName);
+        cy.get('#admin-project-create input[name="customer.name"]').should('have.value', customerName);
+        cy.get('#admin-project-create input[name="name"]').clear().type(projectName);
+        cy.get('#admin-project-create input[name="name"]').should('have.value', projectName);
+        cy.get('#admin-project-create textarea[name="description"]').clear().type(description);
+        cy.get('#admin-project-create textarea[name="description"]').should('have.value', description);
+      });
+    });
+    it('should click on create project button', () => {
+      cy.get('#admin-project-create input[type="submit"]').click();
+    });
+    it('should land on projects list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-projects');
+      });
+    });
+    it('should land newly created project on projects list screen', () => {
+      cy.contains('solid-display-value[name="project.name"]', projectName).should("exist");
+      cy.fixture('admin.json').then(admin => {
+        cy.contains('solid-display-value[name="username"]', admin.username).should("exist");
+      });
+    });
+  });
+  describe('Project Creation process #2', () => {
+    let projectName = 'Test Project ',
+        customerName = 'Test Customer ',
+        description = 'Test Description ';
+    it('should visit the project creation screen', () => {
+      cy.visit('/admin/admin-projects/admin-project-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-projects/admin-project-create');
+      });
+    });
+    it('should enter correct project data', () => {
+      cy.randomNum().then(num => {
+        projectName += num;
+        customerName += num;
+        description += num;
+        cy.get('#admin-project-create input[name="customer.name"]').clear().type(customerName);
+        cy.get('#admin-project-create input[name="customer.name"]').should('have.value', customerName);
+        cy.get('#admin-project-create input[name="name"]').clear().type(projectName);
+        cy.get('#admin-project-create input[name="name"]').should('have.value', projectName);
+        cy.get('#admin-project-create textarea[name="description"]').clear().type(description);
+        cy.get('#admin-project-create textarea[name="description"]').should('have.value', description);
+      });
+    });
+    it('should click on create project button', () => {
+      cy.get('#admin-project-create input[type="submit"]').click();
+    });
+    it('should land on projects list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-projects');
+      });
+    });
+    it('should land newly created project on projects list screen', () => {
+      cy.contains('solid-display-value[name="project.name"]', projectName).should("exist");
+      cy.fixture('admin.json').then(admin => {
+        cy.contains('solid-display-value[name="username"]', admin.username).should("exist");
+      });
+    });
+  });
+});

cypress/integration/create-user.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+// Unable to create an user without a community. Unable to create community from app
+
+// context('Create User Browser Testing', () => {
+//   let firstName = 'First ',
+//       lastName = 'Last ',
+//       username = 'testuser_creation_',
+//       email = '';
+//   before(() => {
+//     cy.randomNum().then(num => {
+//       firstName += num;
+//       lastName += num;
+//       username += num;
+//       email = username + '@testemail.com';
+//     });
+//     cy.clearLocalStorageSnapshot();
+//     cy.clearLocalStorage({ domain: null });
+//     cy.clearCookies({ domain: null });
+//   });
+//   beforeEach(() => cy.restoreLocalStorage());
+//   afterEach(() => cy.saveLocalStorage());
+//   it('should visit user login screen', () => cy.userLogin());
+//   it('should login', () => cy.login());
+//   describe('User Creation process', () => {
+//     it('should visit the user creation screen', () => {
+//       cy.visit('/admin/admin-users/admin-users-create');
+//       cy.location().should((loc) => {
+//         expect(loc.pathname).to.eq('/admin/admin-users/admin-users-create');
+//       });
+//     });
+//     it('should enter correct user data', () => {
+//       cy.get('#admin-users-create input[name="first_name"]').clear().type(firstName);
+//       cy.get('#admin-users-create input[name="first_name"]').should('have.value', firstName);
+//       cy.get('#admin-users-create input[name="last_name"]').clear().type(lastName);
+//       cy.get('#admin-users-create input[name="last_name"]').should('have.value', lastName);
+//       cy.get('#admin-users-create input[name="username"]').clear().type(username);
+//       cy.get('#admin-users-create input[name="username"]').should('have.value', username);
+//       cy.get('#admin-users-create input[name="email"]').clear().type(email);
+//       cy.get('#admin-users-create input[name="email"]').should('have.value', email);
+//     });
+//     it('should click on create user button', () => {
+//       cy.get('#admin-users-create input[type="submit"]').click();
+//     });
+//     it('should land on users list screen', () => {
+//       cy.location().should((loc) => {
+//         expect(loc.pathname).to.eq('/admin/admin-users');
+//       });
+//     });
+//     it('should land newly created user on users list screen', () => {
+//       cy.contains('solid-display-value[name="name"]', firstName + ' ' + lastName).should("exist");
+//       cy.contains('solid-display-value[name="username"]', username).should("exist");
+//     });
+//   });
+// });

cypress/integration/delete-channel.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Delete Channel Browser Testing', () => {
+  let menuQuery = [
+        'solid-display.circle-tab',
+        'solid-display:last-child',
+        'solid-display[order-by="name"]'
+      ],
+      menuCountQuery = [
+        'solid-display.circle-tab',
+        'solid-display',
+        'solid-display[order-by="name"]'
+      ];
+  before(() => {
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screend', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Channel Retirement process', () => {
+    let channelsLength;
+    it('should visit the channels list screen', () => {
+      cy.visit('/admin');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin');
+      });
+    });
+    it('should visit the last channel edit screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.visit('/circle/@' + id + '/circle-information');
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/circle/@' + id + '/circle-information');
+          });
+        }));
+    });
+    it('should count the number of joined channels', () => {
+      cy.get(menuCountQuery.join(' ')).its('length').then(length => channelsLength = length);
+    });
+    it('should click button to retire the channel', () => {
+      cy.get('#circle-profile solid-delete[data-label="Supprimer le canal"] button').click();
+    });
+    it('should stay on channel edit screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/circle/@' + id + '/circle-information');
+          });
+        }));
+    });
+    it('should check if chennel was retired', () => {
+      cy.get(menuCountQuery.join(' ')).its('length').should(length => {
+        expect(length).to.eq(channelsLength - 1);
+      });
+    });
+  });
+});

cypress/integration/edit-channel.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Edit Channel Browser Testing', () => {
+  let channelName = 'Edited Test Channel ',
+      description = 'Edited Test Description ',
+      menuQuery = [
+        'solid-display.circle-tab',
+        'solid-display:last-child',
+        'solid-display[order-by="name"]'
+      ];
+  before(() => {
+    cy.randomNum().then(num => {
+      channelName += num;
+      description += num;
+    });
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Channel Edition process', () => {
+    it('should visit the channel list screen', () => {
+      cy.visit('/admin');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin');
+      });
+    });
+    it('should visit the last channel edit screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.visit('/circle/@' + id + '/circle-information/circle-edit');
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/circle/@' + id + '/circle-information/circle-edit');
+          });
+        }));
+    });
+    it('should enter new channel data', () => {
+      cy.get('#circle-edit input[name="name"]').clear().type(channelName);
+      cy.get('#circle-edit input[name="name"]').should('have.value', channelName);
+      cy.get('#circle-edit input[name="description"]').clear().type(description);
+      cy.get('#circle-edit input[name="description"]').should('have.value', description);
+    });
+    it('should click button to save the channel', () => {
+      cy.get('#circle-edit input[value="Enregistrer"]').click();
+    });
+    it('should land on channel information screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/circle/@' + id + '/circle-information');
+          });
+        }));
+    });
+    it('should show edited channel data on channel information screen', () => {
+      cy.contains('solid-display-value[name="name"]', channelName).should("exist");
+      cy.contains('solid-display-value[name="description"]', description).should("exist");
+    });
+  });
+});

cypress/integration/edit-job-offer.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Edit Job Offer Browser Testing', () => {
+  let jobDate = '',
+      jobTitle = 'Edited Test Job Offer ',
+      description = 'Edited Test Description ',
+      menuQuery = [
+        'solid-display.job-board__list',
+        'solid-display:last-child'
+      ];
+  before(() => {
+    cy.nextYear(2).then(year => {
+      jobDate = year + '-12-31';
+    });
+    cy.randomNum().then(num => {
+      jobTitle += num;
+      description += num;
+    });
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Job Offer Edition process', () => {
+    it('should visit the job offers list screen', () => {
+      cy.visit('/job-offers');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/job-offers');
+      });
+    });
+    it('should visit the last job offer edit screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.visit('/job-offers/job-offers-edit/@' + id);
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/job-offers/job-offers-edit/@' + id);
+          });
+        }));
+    });
+    it('should enter new job offer data', () => {
+      cy.get('#job-offers-edit input[name="closingDate"]').clear().type(jobDate);
+      cy.get('#job-offers-edit input[name="closingDate"]').should('have.value', jobDate);
+      cy.get('#job-offers-edit input[name="title"]').clear().type(jobTitle);
+      cy.get('#job-offers-edit input[name="title"]').should('have.value', jobTitle);
+      cy.get('#job-offers-edit textarea[name="description"]').clear().type(description);
+      cy.get('#job-offers-edit textarea[name="description"]').should('have.value', description);
+    });
+    it('should click button to save the job offer', () => {
+      cy.get('#job-offers-edit input[type="submit"]').click();
+    });
+    it('should land on job offers list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/job-offers');
+      });
+    });
+    it('should show edited job offer data on job offer information screen', () => {
+      cy.contains('solid-display-value[name="title"]', jobTitle).should("exist");
+      cy.contains('solid-display-value[name="description"]', description).should("exist");
+    });
+  });
+});

cypress/integration/edit-project.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Edit Project Browser Testing', () => {
+  let projectName = 'Edited Test Project ',
+      customerName = 'Edited Test Customer ',
+      description = 'Edited Test Description ',
+      menuQuery = [
+        'solid-display.project-tab',
+        'solid-display:last-child',
+        'solid-display[order-by="customer.name"]'
+      ];
+  before(() => {
+    cy.randomNum().then(num => {
+      projectName += num;
+      customerName += num;
+      description += num;
+    });
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Project Edition process', () => {
+    it('should visit the project list screen', () => {
+      cy.visit('/admin/admin-projects');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-projects');
+      });
+    });
+    it('should visit the last project edit screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.visit('/project/@' + id + '/project-information/project-edit');
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/project/@' + id + '/project-information/project-edit');
+          });
+        }));
+    });
+    it('should enter new project data', () => {
+      cy.get('#project-edit input[name="customer.name"]').clear().type(customerName);
+      cy.get('#project-edit input[name="customer.name"]').should('have.value', customerName);
+      cy.get('#project-edit input[name="name"]').clear().type(projectName);
+      cy.get('#project-edit input[name="name"]').should('have.value', projectName);
+      cy.get('#project-edit textarea[name="description"]').clear().type(description);
+      cy.get('#project-edit textarea[name="description"]').should('have.value', description);
+    });
+    it('should click button to save the project', () => {
+      cy.get('#project-edit input[value="Enregistrer"]').click();
+    });
+    it('should land on project information screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/project/@' + id + '/project-information');
+          });
+        }));
+    });
+    it('should show edited project data on project information screen', () => {
+      cy.contains('solid-display-value[name="customer.name"]', customerName).should("exist");
+      cy.contains('solid-display-value[name="name"]', projectName).should("exist");
+    });
+  });
+});

cypress/integration/edit-user.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Edit User Browser Testing', () => {
+  let userFirstName = 'Edited User First Name ',
+      userLastName = 'Edited User Last Name ',
+      jobDescription = 'Edited Job Description ',
+      city = 'Edited City ',
+      phone = '+1234',
+      website = 'https://test.site/';
+  before(() => {
+    cy.randomNum().then(num => {
+      userFirstName += num;
+      userLastName += num;
+      jobDescription += num;
+      city += num;
+      phone += num;
+      website += num;
+    });
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('User Edition process', () => {
+    it('should visit the user edit screen', () => {
+      cy.visit('/profile/solid-profile-edit-profile');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/profile/solid-profile-edit-profile');
+      });
+    });
+    /// Workaround - Routing bug - user won't land on edit profile screen
+    it('should navigate to user edit screen', () => {
+      cy.get('#solid-profile-my-profile solid-link[next="solid-profile-edit-profile"]').click();
+    });
+    /// End workaround
+    it('should enter new user data', () => {
+      cy.get('#solid-profile-edit-profile input[name="first_name"]').clear().type(userFirstName);
+      cy.get('#solid-profile-edit-profile input[name="first_name"]').should('have.value', userFirstName);
+      cy.get('#solid-profile-edit-profile input[name="last_name"]').clear().type(userLastName);
+      cy.get('#solid-profile-edit-profile input[name="last_name"]').should('have.value', userLastName);
+      cy.get('#solid-profile-edit-profile textarea[name="profile.job"]').clear().type(jobDescription);
+      cy.get('#solid-profile-edit-profile textarea[name="profile.job"]').should('have.value', jobDescription);
+      cy.get('#solid-profile-edit-profile input[name="profile.city"]').clear().type(city);
+      cy.get('#solid-profile-edit-profile input[name="profile.city"]').should('have.value', city);
+      cy.get('#solid-profile-edit-profile input[name="profile.phone"]').clear().type(phone);
+      cy.get('#solid-profile-edit-profile input[name="profile.phone"]').should('have.value', phone);
+      cy.get('#solid-profile-edit-profile input[name="profile.website"]').clear().type(website);
+      cy.get('#solid-profile-edit-profile input[name="profile.website"]').should('have.value', website);
+    });
+    it('should click button to save the user', () => {
+      cy.get('#solid-profile-edit-profile input[value="ENREGISTRER"]').click();
+    });
+    it('should land on user information screen', () => {
+      cy.location().should(location => {
+        /// Workaround - Routing bug - route pathname won't be /profile as it should
+        expect(location.pathname).to.eq('/');
+        // expect(location.pathname).to.eq('/profile');
+        /// End workaround
+      });
+    });
+    it('should show edited user data on user information screen', () => {
+      cy.contains('solid-display-value[name="name"]', userFirstName + ' ' + userLastName).should("exist");
+      cy.contains('solid-display-value[name="profile.job"]', jobDescription).should("exist");
+      cy.contains('solid-display-value[name="profile.city"]', city).should("exist");
+      cy.contains('directory-link-tel a', phone).should("exist");
+      cy.contains('directory-website a', website).should("exist");
+    });
+  });
+});

cypress/integration/leave-channel.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Leave Channel Browser Testing', () => {
+  let tableQuery = [
+    'solid-display.table-body',
+    'solid-display:last-child',
+    'hubl-admin-circle-leave-button',
+    'solid-delete'
+  ],
+  tableListQuery = [
+    'solid-display[nested-field="circles"]',
+    'div >',
+    'solid-display'
+  ];
+  before(() => {
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screend', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Channel Leaving process', () => {
+    it('should visit the channels list screen', () => {
+      cy.visit('/admin');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin');
+      });
+    });
+    it('should click the last channel leave button', () => {
+      cy.get(tableListQuery.join(' ')).its('length').as('channelsLength');
+      cy.get(tableQuery.join(' ')).click();
+    });
+    it('should check if chennel was left', () => {
+      cy.get(tableListQuery.join(' ')).its('length').should(length => {
+        expect(length).to.eq(this.channelsLength - 1);
+      });
+    });
+  });
+});

cypress/integration/leave-project.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Leave Project Browser Testing', () => {
+  let tableQuery = [
+    'solid-display.table-body',
+    'solid-display:last-child',
+    'hubl-admin-project-leave-button',
+    'solid-delete'
+  ],
+  tableListQuery = [
+    'solid-display[nested-field="projects"]',
+    'div >',
+    'solid-display'
+  ];
+  before(() => {
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screend', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Project Leaving process', () => {
+    it('should visit the projects list screen', () => {
+      cy.visit('/admin/admin-projects');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin/admin-projects');
+      });
+    });
+    it('should click the last project leave button', () => {
+      cy.get(tableListQuery.join(' ')).its('length').as('projectsLength');
+      cy.get(tableQuery.join(' ')).click();
+    });
+    it('should check if project was left', () => {
+      cy.get(tableListQuery.join(' ')).its('length').should(length => {
+        expect(length).to.eq(this.projectsLength - 1);
+      });
+    });
+  });
+});

cypress/integration/list-job-offers.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('List Job Offers Browser Testing', () => {
+  let listQuery = 'solid-display.job-board__list',
+      filtersQuery = [
+        listQuery,
+        'solid-form',
+        'input'
+      ],
+      listingCountQuery = [
+        listQuery,
+        'solid-display'
+      ],
+      firstListingQuery = [
+        listQuery,
+        'solid-display:first-child',
+        'solid-display-value'
+      ];
+  before(() => {
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Job Offer Listing process', () => {
+    let listingTitle,
+        listingDesccription,
+        listingCount;
+    it('should visit the job offers listing screen', () => {
+      cy.visit('/job-offers');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/job-offers');
+      });
+    });
+    it('should get the listing count', () => {
+      cy.get(listingCountQuery.join(' ')).its('length').then(length => listingCount = length);
+    });
+    it('should get the first job offer listing data', () => {
+      cy.get(firstListingQuery.join(' ') + '[name="title"]').invoke('text').then(text => listingTitle = text);
+      cy.get(firstListingQuery.join(' ') + '[name="description"]').invoke('text').then(text => listingDesccription = text);
+    });
+    // TO-DO: Search by title and description
+    /*it('should filter the listing by first name', () => {
+      cy.get(filtersQuery.join(' ') + '[name="title"]').clear().type(listingTitle);
+      cy.get(filtersQuery.join(' ') + '[name="title"]').should('have.value', listingTitle);
+    });
+    it('should get filtered listing count', () => {
+      cy.get(listingCountQuery.join(' ')).its('length').then(length => {
+        expect(length).to.eq(1);
+      });
+    });
+    it('should clear the first name filter', () => {
+      cy.get(filtersQuery.join(' ') + '[name="title"]').clear();
+      cy.get(filtersQuery.join(' ') + '[name="title"]').should('have.value', '');
+    });
+    it('should get previous listing count', () => {
+      cy.get(listingCountQuery.join(' ')).its('length').then(length => {
+        expect(length).to.eq(listingCount);
+      });
+    });
+    it('should filter the listing by first name', () => {
+      cy.get(filtersQuery.join(' ') + '[name="description"]').clear().type(listingDesccription);
+      cy.get(filtersQuery.join(' ') + '[name="description"]').should('have.value', listingDesccription);
+    });
+    it('should get filtered listing count', () => {
+      cy.get(listingCountQuery.join(' ')).its('length').then(length => {
+        expect(length).to.eq(1);
+      });
+    });
+    it('should clear the first name filter', () => {
+      cy.get(filtersQuery.join(' ') + '[name="description"]').clear();
+      cy.get(filtersQuery.join(' ') + '[name="description"]').should('have.value', '');
+    });
+    it('should get previous listing count', () => {
+      cy.get(listingCountQuery.join(' ')).its('length').then(length => {
+        expect(length).to.eq(listingCount);
+      });
+    });*/
+  });
+});

cypress/integration/list-users.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('List Users Browser Testing', () => {
+  let listQuery = 'solid-display#members-list__content',
+      filtersQuery = [
+        listQuery,
+        'solid-form',
+        'input'
+      ],
+      listingCountQuery = [
+        listQuery,
+        'div:first-child',
+        'span'
+      ],
+      firstListingQuery = [
+        listQuery,
+        'solid-display:first-child',
+        'solid-display-value'
+      ];
+  before(() => {
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screen', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('User Listing process', () => {
+    let listingFirstName,
+        listingLastName,
+        listingJob,
+        listingCity,
+        listingCount;
+    it('should visit the users listing screen', () => {
+      cy.visit('/members');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/members');
+      });
+    });
+    it('should get the listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => listingCount = text);
+    });
+    it('should get the first user listing data', () => {
+      cy.get(firstListingQuery.join(' ') + '[name="first_name"]').invoke('text').then(text => listingFirstName = text);
+      cy.get(firstListingQuery.join(' ') + '[name="last_name"]').invoke('text').then(text => listingLastName = text);
+      cy.get(firstListingQuery.join(' ') + '[name="profile.job"]').invoke('text').then(text => listingJob = text);
+      cy.get(firstListingQuery.join(' ') + '[name="profile.city"]').invoke('text').then(text => listingCity = text);
+    });
+    it('should filter the listing by first name', () => {
+      cy.get(filtersQuery.join(' ') + '[name="name"]').clear().type(listingFirstName);
+      cy.get(filtersQuery.join(' ') + '[name="name"]').should('have.value', listingFirstName);
+    });
+    it('should get filtered listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => {
+        expect(text).to.eq('1 membres');
+      });
+    });
+    it('should clear the first name filter', () => {
+      cy.get(filtersQuery.join(' ') + '[name="name"]').clear();
+      cy.get(filtersQuery.join(' ') + '[name="name"]').should('have.value', '');
+    });
+    it('should get previous listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => {
+        expect(text).to.eq(listingCount);
+      });
+    });
+    it('should filter the listing by last name', () => {
+      cy.get(filtersQuery.join(' ') + '[name="name"]').clear().type(listingLastName);
+      cy.get(filtersQuery.join(' ') + '[name="name"]').should('have.value', listingLastName);
+    });
+    it('should get filtered listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => {
+        expect(text).to.eq('1 membres');
+      });
+    });
+    it('should clear the last name filter', () => {
+      cy.get(filtersQuery.join(' ') + '[name="name"]').clear();
+      cy.get(filtersQuery.join(' ') + '[name="name"]').should('have.value', '');
+    });
+    it('should get previous listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => {
+        expect(text).to.eq(listingCount);
+      });
+    });
+    it('should filter the listing by job description', () => {
+      cy.get(filtersQuery.join(' ') + '[name="member-job"]').clear().type(listingJob);
+      cy.get(filtersQuery.join(' ') + '[name="member-job"]').should('have.value', listingJob);
+    });
+    it('should get filtered listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => {
+        expect(text).to.eq('1 membres');
+      });
+    });
+    it('should clear the job description filter', () => {
+      cy.get(filtersQuery.join(' ') + '[name="member-job"]').clear();
+      cy.get(filtersQuery.join(' ') + '[name="member-job"]').should('have.value', '');
+    });
+    it('should get previous listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => {
+        expect(text).to.eq(listingCount);
+      });
+    });
+    it('should filter the listing by city', () => {
+      cy.get(filtersQuery.join(' ') + '[name="member-city"]').clear().type(listingCity);
+      cy.get(filtersQuery.join(' ') + '[name="member-city"]').should('have.value', listingCity);
+    });
+    it('should get filtered listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => {
+        expect(text).to.eq('1 membres');
+      });
+    });
+    it('should clear the city filter', () => {
+      cy.get(filtersQuery.join(' ') + '[name="member-city"]').clear();
+      cy.get(filtersQuery.join(' ') + '[name="member-city"]').should('have.value', '');
+    });
+    it('should get previous listing count', () => {
+      cy.get(listingCountQuery.join(' ')).invoke('text').then(text => {
+        expect(text).to.eq(listingCount);
+      });
+    });
+  });
+});

cypress/integration/retire-channel.spec.js

+/// <reference types="Cypress" />
+/* globals cy, expect */
+
+context('Retire Channel Browser Testing', () => {
+  let menuQuery = [
+        'solid-display.circle-tab',
+        'solid-display:last-child',
+        'solid-display[order-by="name"]'
+      ],
+      menuCountQuery = [
+        'solid-display.circle-tab',
+        'solid-display',
+        'solid-display[order-by="name"]'
+      ];
+  before(() => {
+    cy.clearLocalStorageSnapshot();
+    cy.clearLocalStorage({ domain: null });
+    cy.clearCookies({ domain: null });
+  });
+  beforeEach(() => cy.restoreLocalStorage());
+  afterEach(() => cy.saveLocalStorage());
+  it('should visit user login screend', () => cy.userLogin());
+  it('should login', () => cy.login());
+  describe('Channel Retirement process', () => {
+    let channelsLength;
+    it('should visit the channels list screen', () => {
+      cy.visit('/admin');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin');
+      });
+    });
+    it('should visit the last channel edit screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.visit('/circle/@' + id + '/circle-information/circle-edit');
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/circle/@' + id + '/circle-information/circle-edit');
+          });
+        }));
+    });
+    it('should count the number of joined channels', () => {
+      cy.get(menuCountQuery.join(' ')).its('length').then(length => channelsLength = length);
+    });
+    it('should click button to retire the channel', () => {
+      cy.get('solid-multiple[name="members"] solid-delete[data-label="Retirer"] button').click();
+    });
+    it('should stay on channel edit screen', () => {
+      cy.get(menuQuery.join(' '))
+        .invoke('attr', 'data-src')
+        .then(url => cy.encodeUrl(url).then(id  => {
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/circle/@' + id + '/circle-information/circle-edit');
+          });
+        }));
+    });
+    it('should check if chennel was retired', () => {
+      cy.get(menuCountQuery.join(' ')).its('length').should(length => {
+        expect(length).to.eq(channelsLength - 1);
+      });
+    });
+  });
+});