.babelrc

-{
-
-}

.gitignore

 **/node_modules
-**/config.json
+.DS_Store
 *.iml
 *.swp
+.npm
+
+# Test cache
+cache
+cypress/screenshots
+cypress/videos
+
+# Built files
+.cache
 dist
+*-dist
+dist-*
+
+# Config specific files
+config.json
+config.*.json
+!config.sample.json
+
+# Client specific files
+public/clients/*.css
+!public/clients/sample.css

.gitlab-ci.yml

-image: node
-
+# workflow
 stages:
+ - build
+ - test
  - deploy
 
-deploy_staging:
-  stage: deploy
-  environment: staging
+# default image for jobs
+default:
+  image: node:22
+
+# cache modules between jobs
+cache:
+  key: ${CI_COMMIT_REF_SLUG}
+  paths:
+    - .npm/
+
+## BUILD ##
+
+build:
+  stage: build
+  before_script:
+    - npm ci --cache .npm --prefer-offline --only=production
   script:
-    - echo $APP_CONFIG > config.json
-    - echo $SSH_PRIVATE_KEY | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - cat gitlab.key
-    - npm install
+    - cp config.sample.json config.json
     - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r build/* test-paris@ssh-test-paris.happy-dev.fr:~/staging/www/
+  artifacts:
+    when: on_success
+    expire_in: 1 day
+    paths:
+      - dist/
+  except:
+    - tags
+  tags:
+    - test
+
+## TESTING ##
+
+test:e2e:
+  stage: test
+  image: 
+    name: cypress/included:13.15.2
+    entrypoint: [""]
+  services:
+    - name: ${CI_REGISTRY_IMAGE}/djangoldp:latest
+  before_script:
+    # install missing dependencies
+    - npm install cypress-localstorage-commands
+     # making sure the process is orphan
+    - npm run serve -- -l silent &
+  script:
+    - cypress run -e CYPRESS_baseUrl=http://localhost:4173
+  except:
+    - tags
+  tags:
+    - test
+
+## RELEASE TAGGING ##
+
+publish:
+  stage: deploy
+  image: node:22
+  before_script:
+    - npm install -g semantic-release@24 @semantic-release/gitlab@13
+  script:
+    - semantic-release
   only:
-    - feat/manager_deploy
+    - master
   tags:
-    - sib
+    - deploy

.gitlab/issue_templates/bug.md

-/label ~BUG
-
-### How is it now?
-
-(What actually happens)
-
-### How should it be?
-
-(What you should see instead)
-
-### Steps to reproduce
-
-(How one can reproduce the issue - this is very important)
-
-1. Step 1
-1. Step 2
-1. Step 3
-
-### Relevant logs and/or screenshots
-
-(Paste any relevant logs - please use code blocks to format console output,
-logs, and code as it's very hard to read otherwise.)
-
-### Possible fixes
-
-(If you can, link to the line of code that might be responsible for the problem)
-
-If you can, give an estimation of the time needed to fix (in hours)
-/estimate Xh
-
-### How to fix a Bug
-
-1. Ask any question you have in the issue comments before starting
-1. Create a new branch named issue-${ISSUE_NUMBER}
-1. Write a test that is failing to validate that this bug exists
-1. If you can not recreate this bug, feel free to submit just a test with clear name and documentation linking to this issue
-1. If a test fails indeed, continue to the next step
-1. Now, when you have a regression test ready - create a fix for that bug
-1. Write any additional tests if needed
-1. Document in docstrings in general documentation what was wrong
-1. Submit a merge request

.gitlab/issue_templates/feature.md

-## What needs to be done?
-
-/estimate Xh
-/label ~feature
-
-
-## Technical details
-
-Are there any technical details worth mentioning?
-
-
-## Links
-
-1. Link to user story in wiki
-1. other related Gitlab issues
-
-
-## How to complete
-
-1. How to complete a Feature
-1. Ask any question you have in the issue comments before starting
-1. Create a new branch named issue-${ISSUE_NUMBER}
-1. Implement a simple test to illustrate the desired functionality
-1. Write some code to complete this task
-1. Write some additional tests to cover edge cases and some possible errors
-1. Write documentation about what have you done and why you have done it this way
-1. Submit a merge request

.gitlab/merge_request_templates/checklist_before_merging.md

-## Checklist
-
-<!---
-Please, make sure you have changed the topic and also
-described briefly what have you done. Thanks!
--->
-
-I have done ...
-
-- [ ] This commits targets only one specific issue
-- [ ] The commit message follows our guidelines
-- [ ] Tests for the changes have been added
-- [ ] Docs have been added or updated
-- [ ] I have assigned my architect to review this merge request
-- [ ] I have checked how to create a [merge request]()
-
-
-## Issues
-
-<!---
-Which issue this PR closes? It can close only one issue.
-Which issues this PR references?
-Please, specify all issues.
-Format is: Closes #X or Refs #Y
-Docs: https://docs.gitlab.com/ee/user/project/issues/closing_issues.html#via-merge-request
--->
-
-
-## Time spent
-
-<!---
-This information is only required for statistics and analysis.
-But we need to know exactly how much time you have spent,
-please try to be as accurate as possible.
-Format is: /spend 1h
-Docs: https://docs.gitlab.com/ee/workflow/time_tracking.html
--->
-
-/spend Xh
-
-
-## Assignee
-
-<!---
-You need to assign your architect to review your merge request.
-Format: /assign @username
-Docs: https://docs.gitlab.com/ee/user/project/quick_actions.html
--->
-
-/assign
-
-
-## Feedback
-
-<!---
-Did you encounter any other problems you want to share with us?
-Optional. Feel free to remove this section if you don't have any feedback.
--->
-
-
-<!--- Thank you for you contribution! -->

.releaserc

+{
+  "branches": [
+    "master",
+    {
+      "name": "beta",
+      "prerelease": true
+    }
+  ],
+  "plugins": [
+    [
+      "@semantic-release/commit-analyzer",
+      {
+        "preset": "angular",
+        "releaseRules": [
+          {
+            "type": "major",
+            "release": "major"
+          },
+          {
+            "type": "minor",
+            "release": "minor"
+          },
+          {
+            "type": "*",
+            "release": "patch"
+          }
+        ]
+      }
+    ],
+    "@semantic-release/release-notes-generator",
+    "@semantic-release/gitlab"
+  ]
+}
\ No newline at end of file

.sassrc

+{
+  "includePaths": ["node_modules"]
+}
\ No newline at end of file

LICENSE

 MIT License
 
-Copyright (c) 2018 Startin blox
+Copyright (c) 2024-PRESENT Startin blox
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

client.sample.css

+:root {
+  --color-text: #636363;
+  --color-primary: #FF0055;
+  --color-secondary: #0068FF;
+  --color-third: #00E3B4;
+  --color-heading: #2E3F58;
+}

config.sample.json

+{
+  "client": {
+    "name": "Sample of a functional Orbit",
+    "logo": "https://cdn.startinblox.com/logos/webp/startinblox.webp",
+    "server": "http://localhost:8000",
+    "css": "server://clients/sample.css"
+  },
+  "components": [{
+      "type": "registering",
+      "parameters": {
+        "dataSrc": "server://open-communities/",
+        "authority": "http://localhost:8000/",
+        "authorityName": "dataserver"
+      },
+      "route": false
+    },
+    {
+      "type": "notification",
+      "route": false
+    },
+    {
+      "type": "admin",
+      "route": false
+    },
+    {
+      "type": "about"
+    },
+    {
+      "type": "communities",
+      "route": false
+    },
+    {
+      "type": "dashboard",
+      "parameters": {
+        "dataSrc": "server://dashboards/"
+      },
+      "experimental": [
+        "routing"
+      ]
+    },
+    {
+      "type": "directory",
+      "parameters": {
+        "dataSrc": "federation://users/",
+        "rangeSkills": "federation://skills/",
+        "paginateBy": "30",
+        "uploads": "server://upload/"
+      },
+      "route": "members",
+      "experimental": [
+        "routing"
+      ]
+    },
+    {
+      "type": "job-board",
+      "parameters": {
+        "dataSrc": "federation://job-offers/current/",
+        "dataSrcExpired": "federation://job-offers/expired/",
+        "postDataSrc": "server://job-offers/",
+        "rangeSkills": "federation://skills/"
+      },
+      "route": "job-offers",
+      "experimental": [
+        "routing"
+      ]
+    },
+    {
+      "type": "projects",
+      "parameters": {
+        "captains": "federation://users/",
+        "circles": "federation://circles/",
+        "dataSrc": "federation://projects/",
+        "dataSrcJoinable": "federation://projects/joinable/",
+        "post": "server://projects/",
+        "users": "federation://users/",
+        "noRender": "",
+        "xmpp": "wss://xmpp-dev.startinblox.com/xmpp-websocket"
+      }
+    },
+    {
+      "type": "circles",
+      "parameters": {
+        "dataSrc": "federation://circles/",
+        "dataSrcJoinable": "federation://circles/joinable/",
+        "owners": "federation://users/",
+        "post": "server://circles/",
+        "users": "federation://users/",
+        "xmpp": "wss://xmpp-dev.startinblox.com/xmpp-websocket"
+      }
+    },
+    {
+      "type": "chat",
+      "parameters": {
+        "xmpp": "wss://xmpp-dev.startinblox.com/xmpp-websocket"
+      },
+      "route": "messages"
+    },
+    {
+      "type": "analytics",
+      "parameters": {
+        "type": "matomo",
+        "url": "https://matomo.startinblox.com/",
+        "id": "2"
+      },
+      "route": false
+    }
+  ]
+}
\ No newline at end of file

cypress.config.js

+const { defineConfig } = require('cypress')
+
+module.exports = defineConfig({
+  defaultCommandTimeout: 2000,
+  chromeWebSecurity: false,
+  viewportWidth: 1920,
+  viewportHeight: 1080,
+  video: false,
+  screenshotOnRunFailure: false,
+  e2e: {
+    baseUrl: 'http://localhost:4173',
+  },
+})

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/e2e/create-channel.cy.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 ',
+        subtitle = 'Test Subtitle ';
+    it('should visit the channel creation screen', () => {
+      cy.visit('/admin-circles-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-circles-create');
+      });
+    });
+    it('should enter correct channel data', () => {
+      cy.randomNum().then(num => {
+        channelName += num;
+        description += num;
+        subtitle += num;
+        cy.get('#admin-circles-create input[name="name"]').clear().type(channelName);
+        cy.get('#admin-circles-create input[name="name"]').should('have.value', channelName);
+        cy.get('#admin-circles-create input[name="subtitle"]').clear().type(subtitle);
+        cy.get('#admin-circles-create input[name="subtitle"]').should('have.value', subtitle);
+        cy.get('#admin-circles-create [name="description"] [contenteditable="true"]').clear().type(description);
+        cy.get('#admin-circles-create [name="description"] [contenteditable="true"]').should('have.value', description);
+      });
+    });
+    it('should click on create channel button', () => {
+      cy.get('#admin-circles-create input[type="submit"]').click();
+    });
+    it('should land on channels list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-circles');
+      });
+    });
+    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 ',
+        subtitle = 'Test Subtitle ';
+    it('should visit the channel creation screen', () => {
+      cy.visit('/admin-circles-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-circles-create');
+      });
+    });
+    it('should enter correct channel data', () => {
+      cy.randomNum().then(num => {
+        channelName += num;
+        description += num;
+        subtitle += num;
+        cy.get('#admin-circles-create input[name="name"]').clear().type(channelName);
+        cy.get('#admin-circles-create input[name="name"]').should('have.value', channelName);
+        cy.get('#admin-circles-create input[name="subtitle"]').clear().type(subtitle);
+        cy.get('#admin-circles-create input[name="subtitle"]').should('have.value', subtitle);
+        cy.get('#admin-circles-create [name="description"] [contenteditable="true"]').clear().type(description);
+        cy.get('#admin-circles-create [name="description"] [contenteditable="true"]').should('have.value', description);
+      });
+    });
+    it('should click on create channel button', () => {
+      cy.get('#admin-circles-create input[type="submit"]').click();
+    });
+    it('should land on channels list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-circles');
+      });
+    });
+    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 ',
+        subtitle = 'Test Subtitle ';
+    it('should visit the channel creation screen', () => {
+      cy.visit('/admin-circles-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-circles-create');
+      });
+    });
+    it('should enter correct channel data', () => {
+      cy.randomNum().then(num => {
+        channelName += num;
+        description += num;
+        subtitle += num;
+        cy.get('#admin-circles-create input[name="name"]').clear().type(channelName);
+        cy.get('#admin-circles-create input[name="name"]').should('have.value', channelName);
+        cy.get('#admin-circles-create input[name="subtitle"]').clear().type(subtitle);
+        cy.get('#admin-circles-create input[name="subtitle"]').should('have.value', subtitle);
+        cy.get('#admin-circles-create [name="description"] [contenteditable="true"]').clear().type(description);
+        cy.get('#admin-circles-create [name="description"] [contenteditable="true"]').should('have.value', description);
+      });
+    });
+    it('should click on create channel button', () => {
+      cy.get('#admin-circles-create input[type="submit"]').click();
+    });
+    it('should land on channels list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-circles');
+      });
+    });
+    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/e2e/create-job-offer.cy.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/e2e/create-project.cy.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-projects-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-projects-create');
+      });
+    });
+    it('should enter correct project data', () => {
+      cy.randomNum().then(num => {
+        projectName += num;
+        customerName += num;
+        description += num;
+        cy.get('#admin-projects-create input[name="customer.name"]').clear().type(customerName);
+        cy.get('#admin-projects-create input[name="customer.name"]').should('have.value', customerName);
+        cy.get('#admin-projects-create input[name="name"]').clear().type(projectName);
+        cy.get('#admin-projects-create input[name="name"]').should('have.value', projectName);
+        cy.get('#admin-projects-create [name="description"] [contenteditable="true"]').clear().type(description);
+        cy.get('#admin-projects-create [name="description"] [contenteditable="true"]').should('have.value', description);
+      });
+    });
+    it('should click on create project button', () => {
+      cy.get('#admin-projects-create input[type="submit"]').click();
+    });
+    it('should land on projects list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/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-projects-create');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-projects-create');
+      });
+    });
+    it('should enter correct project data', () => {
+      cy.randomNum().then(num => {
+        projectName += num;
+        customerName += num;
+        description += num;
+        cy.get('#admin-projects-create input[name="customer.name"]').clear().type(customerName);
+        cy.get('#admin-projects-create input[name="customer.name"]').should('have.value', customerName);
+        cy.get('#admin-projects-create input[name="name"]').clear().type(projectName);
+        cy.get('#admin-projects-create input[name="name"]').should('have.value', projectName);
+        cy.get('#admin-projects-create [name="description"] [contenteditable="true"]').clear().type(description);
+        cy.get('#admin-projects-create [name="description"] [contenteditable="true"]').should('have.value', description);
+      });
+    });
+    it('should click on create project button', () => {
+      cy.get('#admin-projects-create input[type="submit"]').click();
+    });
+    it('should land on projects list screen', () => {
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/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/e2e/create-user.cy.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-users-create');
+//       cy.location().should((loc) => {
+//         expect(loc.pathname).to.eq('/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-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/e2e/delete-channel.cy.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-circles');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-circles');
+      });
+    });
+    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('/circles/@' + id + '/circles-information');
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/circles/@' + id + '/circles-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('#circles-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('/circles/@' + id + '/circles-information');
+          });
+        }));
+    });
+    it('should check if channel was retired', () => {
+      cy.get(menuCountQuery.join(' ')).its('length').should(length => {
+        expect(length).to.eq(channelsLength - 1);
+      });
+    });
+  });
+});

cypress/e2e/edit-channel.cy.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-circles');
+      cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/admin-circles');
+      });
+    });
+    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('/circles/@' + id + '/circles-information/circles-edit');
+          cy.location().should((loc) => {
+            expect(loc.pathname).to.eq('/circles/@' + id + '/circles-information/circles-edit');
+          });
+        }));
+    });
+    it('should enter new channel data', () => {
+      cy.get('#circles-edit input[name="name"]').clear().type(channelName);
+      cy.get('#circles-edit input[name="name"]').should('have.value', channelName);
+      cy.get('#circles-edit input[name="description"]').clear().type(description);
+      cy.get('#circles-edit input[name="description"]').should('have.value', description);
+    });
+    it('should click button to save the channel', () => {
+      cy.get('#circles-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('/circles/@' + id + '/circles-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");
+    });
+  });
+});