.babelrc

-{
-
-}

.gitignore

-/node_modules
-/src/config.json
-/www/index.html
-/www/index.prod.html
-/www/styles/
-/www/scripts/
-/www/lib/
-/www/oidc-client-config.json
-!/www/lib/sib-core
-!/www/lib/sib-router
-!/www/lib/sib-chat
-!/www/lib/sib-oidc
-*.iml
\ No newline at end of file
+**/node_modules
+.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

+# workflow
+stages:
+ - build
+ - test
+ - deploy
+
+# 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:
+    - cp config.sample.json config.json
+    - npm run build
+  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:
+    - master
+  tags:
+    - deploy

.gitmodules

-[submodule "www/lib/sib-core"]
-	path = www/lib/sib-core
-	url = git@git.happy-dev.fr:startinblox/sib-core.git
-[submodule "www/lib/sib-router"]
-	path = www/lib/sib-router
-	url = git@git.happy-dev.fr:startinblox/sib-router.git
-[submodule "www/lib/sib-chat"]
-	path = www/lib/sib-chat
-	url = git@git.happy-dev.fr:startinblox/sib-chat.git
-[submodule "www/lib/sib-oidc"]
-	path = www/lib/sib-oidc
-	url = git@git.happy-dev.fr:startinblox/sib-oidc.git

.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

Makefile

-DIST_DIR := www
-
-SCRIPT_SRC := $(wildcard src/scripts/*.js)
-
-SCRIPT_DEST := $(SCRIPT_SRC:src/%=$(DIST_DIR)/%)
-
-default: build
-
-clean:
-	git clean -fXd -e !src/config.pug
-
-install: node_modules copy_lib copy_samples submodules
-
-submodules:
-	git submodule init
-	git submodule update --recursive --remote
-
-build: $(DIST_DIR)/index.html $(DIST_DIR)/styles/index.css $(SCRIPT_DEST)
-
-watch:
-	@echo 'watching for change'
-	@echo 'press Ctrl+C to stop'
-	@while true; do \
-		$(MAKE) --silent build; \
-		sleep 0.5; \
-	done
-
-serve:
-	node server
-
-# npm
-node_modules:
-	npm install
-
-# vendor lib
-copy_lib:
-	@node copy_lib.js
-
-# samples
-copy_samples: src/config.json
-
-src/config.json:
-	@cp -n src/config.sample.json src/config.json
-
-# pug
-$(DIST_DIR)/index.html: src/index.pug src/config.json $(wildcard src/*.pug src/*/*.pug)
-	@echo pug: $< ➜ $@
-	
-	@export ENV="dev"; \
-	node_modules/.bin/pug --pretty $< --out $(dir $@) -O src/config.json || touch $@
-
-# pug (prod)
-$(DIST_DIR)/index.prod.html: src/index.pug src/config.json $(wildcard src/*.pug src/*/*.pug)
-	@echo pug: $< ➜ $@
-	
-	@export ENV="prod"; \
-	node_modules/.bin/pug --pretty $< --out $(dir $@) -E prod.html -O src/config.json || touch $@
-
-# sass
-$(DIST_DIR)/styles/index.css: src/styles/index.scss $(wildcard src/*.scss src/*/*.scss)
-	@echo sass: $< ➜ $@
-	@node_modules/.bin/node-sass $< $@ --source-map true --source-map-contents || touch $@ 
-
-# babel
-$(DIST_DIR)/%.js: src/%.js .babelrc
-	@echo babel: $< ➜ $@
-	@mkdir -p $(dir $@)
-	@node_modules/.bin/babel $< --out-file $@ --source-maps || touch $@
-
-buildprod: build
-	$(MAKE) $(DIST_DIR)/index.prod.html
-
-deploy: pull install build
-
-pull:
-	git pull
-
-sync: buildprod
-	rsync -rv www/* staging-app@ssh-staging-app.happy-dev.fr:~/staging-app.happy-dev.fr/ --exclude=www/index.html --exclude=www/index.prod.html
-	rsync --no-R --no-implied-dirs www/index.prod.html staging-app@ssh-staging-app.happy-dev.fr:~/staging-app.happy-dev.fr/index.html
-	rsync -v www/.htaccess staging-app@ssh-staging-app.happy-dev.fr:~/staging-app.happy-dev.fr/
-
-.PHONY: default install submodules copy_lib copy_samples build watch serve clean sync buildprod pull deploy
\ No newline at end of file

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

copy_lib.js

-const { basename, join, resolve } = require('path');
-const { readFileSync, lstatSync } = require('fs');
-const { exec } = require('child_process');
-
-const distDir = 'www/lib';
-
-const filelist = readFileSync('lib_list.txt', 'utf-8').split(/\r?\n/);
-
-exec(`mkdir -p ${distDir}`, () => {
-  filelist.forEach(path => {
-    path = resolve(path);
-    const filename = basename(path);
-    const dest = lstatSync(path).isDirectory()
-      ? distDir
-      : join(distDir, filename);
-    const cmd = `rsync -ru ${path} ${dest}`;
-    console.log(cmd);
-    exec(cmd);
-  });
-});

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");
+    });
+  });
+});