Compare revisions

905e0027 · 2d505578 · cfa1efbd · 7ef4c1e4 · c3cce9a6 · e060e683
--- a/.babelrc
+++ b/.babelrc
-{
-
-}
--- a/.gitignore
+++ b/.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
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
-image: node:11
-
+# workflow
 stages:
- - integration
- - acceptance
- - release
- - deployment
-
-## TESTING ##
-
-## VALIDATION ##
-
-test1:
-  stage: integration
-  environment:
-    name: test1
-    url: https://test1.startinblox.com
-  script:
-    - echo "$APP_CONFIG_TEST1" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* test1@astral.startinblox.com:~/front/
-  only:
-    - /^feature\/.*/
-  when: manual
-  tags:
-    - deploy
-
-test2:
-  stage: integration
-  environment:
-    name: test2
-    url: https://test2.startinblox.com
-  script:
-    - echo "$APP_CONFIG_TEST2" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* test2@astral.startinblox.com:~/front/
-  only:
-    - /^feature\/.*/
-  when: manual
-  tags:
-    - deploy
-
-test3:
-  stage: integration
-  environment:
-    name: test3
-    url: https://test3.startinblox.com
+ - 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:
-    - echo "$APP_CONFIG_TEST3" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
+    - cp config.sample.json config.json
    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* test3@astral.startinblox.com:~/front/
-  only:
-    - /^feature\/.*/
-  when: manual
+  artifacts:
+    when: on_success
+    expire_in: 1 day
+    paths:
+      - dist/
+  except:
+    - tags
  tags:
-    - deploy
+    - test

-stg1:
-  stage: acceptance
-  environment:
-    name: stg1
-    url: https://stg1.startinblox.com
-  script:
-    - echo "$APP_CONFIG_STG1" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* stg1@astral.startinblox.com:~/front/
-  only:
-    - /^release\/.*/
-  when: manual
-  tags:
-    - deploy
+## TESTING ##

-stg2:
-  stage: acceptance
-  environment:
-    name: stg2
-    url: https://stg2.startinblox.com
+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:
-    - echo "$APP_CONFIG_STG2" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* stg2@astral.startinblox.com:~/front/
-  only:
-    - /^release\/.*/
-  when: manual
+    - cypress run -e CYPRESS_baseUrl=http://localhost:4173
+  except:
+    - tags
  tags:
-    - deploy
+    - test

 ## RELEASE TAGGING ##

 publish:
-  stage: release
+  stage: deploy
+  image: node:22
+  before_script:
+    - npm install -g semantic-release@24 @semantic-release/gitlab@13
  script:
-    - npm install -g semantic-release@v17 @semantic-release/gitlab
    - semantic-release
  only:
    - master
  tags:
    - deploy
-
-## LIVE DEPLOYMENTS ##
-
-community:
-  stage: deployment
-  environment:
-    name: community
-    url: https://community.startinblox.com
-  script:
-    - echo "$APP_CONFIG_COMMUNITY" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* community@astral.startinblox.com:~/front/
-  only:
-    - master
-  when: manual
-  tags:
-    - deploy
-
-etuc:
-  stage: deployment
-  environment:
-    name: etuc
-    url: https://app.digitalplatformobservatory.org
-  script:
-    - echo "$APP_CONFIG_DIGITALPLATFORMOBSERVATORY" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* etuc@ssh-etuc.happy-dev.fr:~/sib/www/
-  only:
-    - master
-  when: manual
-  tags:
-    - deploy
-
-nantes:
-  stage: deployment
-  environment:
-    name: nantes
-    url: https://app.nantes.happy-dev.fr
-  script:
-    - echo "$APP_CONFIG_NANTESHD" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* nantes@ssh-nantes.happy-dev.fr:~/sib/www/
-  only:
-    - master
-  when: manual
-  tags:
-    - deploy
-
-paris:
-  stage: deployment
-  environment:
-    name: paris
-    url: https://app.paris.happy-dev.fr
-  script:
-    - echo "$APP_CONFIG_PARIS" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* paris@ssh-paris.happy-dev.fr:~/sib/www/
-  only:
-    - master
-  when: manual
-  tags:
-    - deploy
-
-toulouse:
-  stage: deployment
-  environment:
-    name: toulouse
-    url: https://smart-toulouse.happy-dev.fr
-  script:
-    - echo "$APP_CONFIG_TOULOUSE" > config.json
-    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
-    - npm install
-    - npm run build
-    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* smart-toulouse@ssh-smart-toulouse.happy-dev.fr:~/www/
-  only:
-    - master
-  when: manual
-  tags:
-    - deploy
--- a/.gitlab/issue_templates/bug.md
+++ b/.gitlab/issue_templates/bug.md
-/label ~BUG
-
-### What's happening?
-
-*Describe in a few words what's happening*
-
-### Steps to reproduce
-
-*How one can reproduce the issue - this is very important*
-
-1. Step 1
-2. Step 2
-3. Step 3
-
-### Relevant logs and/or screenshots
-
-*If possible, please add a screenshot.*
-
-### Your Environment
-
-(Include relevant details about the environment you experienced the bug in)
-
-* Browser name and version:
-* Operating System and version (desktop or mobile):
-
-
-
-
--- a/.gitlab/issue_templates/feature.md
+++ b/.gitlab/issue_templates/feature.md
-## What needs to be done?
-
-/label ~Feature request
-
-
-## Technical details
-
-*Are there any technical details worth mentioning?*
-
-
-## Test cases
-
-*Describe here the tests needed in order to validate this feature*
-
-1. Step 1
-2. Step 2
-3. Step 3
-
-## Links & Mockups
-
-1. Link to user story in wiki
-2. other related Gitlab issues
--- a/.gitlab/merge_request_templates/checklist_before_merging.md
+++ b/.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! -->
--- a/.releaserc
+++ b/.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
--- a/.sassrc
+++ b/.sassrc
+{
+  "includePaths": ["node_modules"]
+}
\ No newline at end of file
--- a/LICENSE
+++ b/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

--- a/README.md
+++ b/README.md
--- a/client.sample.css
+++ b/client.sample.css
+:root {
+  --color-text: #636363;
+  --color-primary: #FF0055;
+  --color-secondary: #0068FF;
+  --color-third: #00E3B4;
+  --color-heading: #2E3F58;
+}
--- a/config.sample.federated.json
+++ b/config.sample.federated.json
-{
-  "xmpp": "https://jabber.happy-dev.fr/http-bind/",
-  "authority": "http://localhost:8000/",
-  "clientName": "Sib App",
-  "clientLogo": "/images/logo.png",
-  "clientLogoHeight": "32px",
-  "clientCSS": "/path/to/custom.css",
-  "authorityName": "djangoldp-server-name",
-  "publicDirectory": false,
-  "endpoints": {
-    "get": {
-      "dashboards": "http://localhost:8000/dashboards/",
-      "groups": "http://localhost:8000/groups/",
-      "circles": "http://localhost:8000/circles/",
-      "projects": "http://localhost:8000/projects/",
-      "customers": "http://localhost:8000/customers/",
-      "businessproviders": "http://localhost:8000/sources/businessproviders/",
-      "skills": "http://localhost:8000/sources/skills/",
-      "events": "http://localhost:8000/events/",
-      "typeevents": "http://localhost:8000/typeevents/",
-      "users": "http://localhost:8000/users/",
-      "groups": "http://localhost:8000/groups/",
-      "uploads": "http://localhost:8000/upload/"
-    },
-    "post": {
-      "dashboards": "http://localhost:8000/dashboards/",
-      "groups": "http://localhost:8000/groups/",
-      "circles": "http://localhost:8000/circles/",
-      "projects": "http://localhost:8000/projects/",
-      "customers": "http://localhost:8000/customers/",
-      "businessproviders": "http://localhost:8000/sources/businessproviders/",
-      "skills": "http://localhost:8000/sources/skills/",
-      "events": "http://localhost:8000/events/",
-      "typeevents": "http://localhost:8000/typeevents/",
-      "users": "http://localhost:8000/users/",
-      "groups": "http://localhost:8000/groups/",
-      "uploads": "http://localhost:8000/upload/"
-    }
-  },
-  "analytics": []
-}
--- a/config.sample.json
+++ b/config.sample.json
 {
-  "xmpp": "https://jabber.happy-dev.fr/http-bind/",
-  "authority": "http://localhost:8000/",
-  "clientName": "Sib App",
-  "clientLogo": "/images/logo.png",
-  "clientLogoHeight": "32px",
-  "clientCSS": "/path/to/custom.css",
-  "authorityName": "djangoldp-server-name",
-  "publicDirectory": false,
-  "endpoints": {
-    "dashboards": "http://localhost:8000/dashboards/",
-    "groups": "http://localhost:8000/groups/",
-    "circles": "http://localhost:8000/circles/",
-    "projects": "http://localhost:8000/projects/",
-    "customers": "http://localhost:8000/customers/",
-    "businessproviders": "http://localhost:8000/sources/businessproviders/",
-    "skills": "http://localhost:8000/sources/skills/",
-    "events": "http://localhost:8000/events/",
-    "groups": "http://localhost:8000/groups/",
-    "typeevents": "http://localhost:8000/typeevents/",
-    "users": "http://localhost:8000/users/",
-    "uploads": "http://localhost:8000/upload/"
+  "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"
  },
-  "analytics": []
-}
+  "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
--- a/cypress.config.js
+++ b/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',
+  },
+})
--- a/cypress/README.md
+++ b/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
+```
--- a/cypress/e2e/create-channel.cy.js
+++ b/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");
+      });
+    });
+  });
+});
--- a/cypress/e2e/create-job-offer.cy.js
+++ b/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");
+    });
+  });
+});
--- a/cypress/e2e/create-project.cy.js
+++ b/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");
+      });
+    });
+  });
+});
--- a/cypress/e2e/create-user.cy.js
+++ b/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");
+//     });
+//   });
+// });
--- a/cypress/e2e/delete-channel.cy.js
+++ b/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);
+      });
+    });
+  });
+});
No results found