[WIP] Ptitloup/add selenium test

.github/workflows/code_formatting.yml

@@ -65,3 +65,17 @@ jobs:
         run: |
           git commit -am "Auto-update configuration files"
           git push
+
+      # Compile lang files
+      - name: Compile lang files in fr and nl
+        run: python manage.py compilemessages -l fr -l nl
+
+      - name: Check for modified files
+        id: compilation-git-check
+        run: echo modified=$(if git diff --quiet; then echo "false"; else echo "true"; fi) >> $GITHUB_OUTPUT
+
+      - name: Push lang compilation changes
+        if: steps.compilation-git-check.outputs.modified == 'true'
+        run: |
+          git commit -am "Compile lang files"
+          git push

.github/workflows/pod.yml

@@ -7,14 +7,17 @@ on:
   pull_request:
     branches: ["*"]
 
+permissions:
+  pull-requests: write
+
 jobs:
   build:
     runs-on: ubuntu-latest
-
+    permissions: write-all
     strategy:
       max-parallel: 4
       matrix:
-        python-version: ['3.8', '3.9', '3.10']
+        python-version: ['3.9'] # ['3.8', '3.9', '3.10']
 
     steps:
       - uses: actions/checkout@v3
@@ -74,6 +77,20 @@ jobs:
         run: |
           coverage run --append --source='.' manage.py test -v 3 --settings=pod.main.test_settings
 
+      - name: Add Gecko driver
+        if: matrix.python-version == '3.9'
+        uses: browser-actions/setup-geckodriver@latest
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Run Integration Tests
+        if: matrix.python-version == '3.9'
+        run: |
+          export DISPLAY=:99
+          geckodriver &
+          Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 & # optional
+          python manage.py test -v 3 --settings=pod.main.test_settings pod.main.integration_tests.selenium_pod_integration_tests
+
       ## Start Accessibility tests with pa11y ##
 
       - name: Install pa11y-ci dependencies.
@@ -106,20 +123,6 @@ jobs:
         with:
           path: ./pa11y_output.txt
 
-      - name: Comment on pull request.
-        if: contains(steps.pa11y_output.outputs.content, 'Errors in http://')
-        uses: thollander/actions-comment-pull-request@v2
-        with:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          message: '<details><summary>Pa11y testing results</summary>
-
-
-```
-
-${{ steps.pa11y_output.outputs.content }}```
-
-
-</details>'
       - name: Check for pa11y failures.
         if: contains(steps.pa11y_output.outputs.content, 'Errors in http://')
         run: |

dockerfile-dev-with-volumes/pod/Dockerfile

@@ -25,6 +25,17 @@ RUN apt-get clean && apt-get update \
                           ffmpegthumbnailer \
                           imagemagick
 
+RUN apt-get install -y firefox-esr xvfb
+
+# Download, unzip, and install geckodriver
+RUN wget https://github.com/mozilla/geckodriver/releases/download/v0.33.0/geckodriver-v0.33.0-linux64.tar.gz
+RUN tar -zxf geckodriver-v0.33.0-linux64.tar.gz -C /usr/local/bin
+RUN chmod +x /usr/local/bin/geckodriver
+
+# Set display port and dbus env to avoid hanging
+ENV DISPLAY=:99
+ENV DBUS_SESSION_BUS_ADDRESS=/dev/null
+
 WORKDIR /usr/src/app
 
 COPY ./requirements.txt .

dockerfile-dev-with-volumes/pod/my-entrypoint.sh

@@ -25,5 +25,6 @@ fi
 # Le serveur de développement permet de tester vos futures modifications facilement.
 # N'hésitez pas à lancer le serveur de développement pour vérifier vos modifications au fur et à mesure.
 # À ce niveau, vous devriez avoir le site en français et en anglais et voir l'ensemble de la page d'accueil.
+Xvfb -ac :99 -screen 0 1280x1024x24 -nolisten tcp &
 python3 manage.py runserver 0.0.0.0:8080 --insecure
 sleep infinity

pod/main/configuration.json

@@ -4021,7 +4021,9 @@
                             "default_value": true,
                             "description": {
                                 "en": [
-                                    ""
+                                    "A boolean value to enable or disable debug mode.<br>",
+                                    "Never deploy a production site with DEBUG enabled.<br>",
+                                    "__ref: [https://docs.djangoproject.com/fr/3.2/ref/settings/#debug]()__"
                                 ],
                                 "fr": [
                                     "Une valeur booléenne qui active ou désactive le mode de débogage.<br>",
@@ -4032,6 +4034,23 @@
                             "pod_version_end": "",
                             "pod_version_init": "3.1"
                         },
+                        "USE_DEBUG_TOOLBAR": {
+                            "default_value": true,
+                            "description": {
+                                "en": [
+                                    "A boolean value that enables or disables the debugging tool.<br>",
+                                    "Never deploy a production site with USE_DEBUG_TOOLBAR enabled.<br>",
+                                    "__ref: [https://django-debug-toolbar.readthedocs.io/en/latest/]()__"
+                                ],
+                                "fr": [
+                                    "Une valeur booléenne qui active ou désactive l'outil de débogage.<br>",
+                                    "Ne déployez jamais de site en production avec le réglage USE_DEBUG_TOOLBAR activé.<br>",
+                                    "__ref: [https://django-debug-toolbar.readthedocs.io/en/latest/]()__"
+                                ]
+                            },
+                            "pod_version_end": "",
+                            "pod_version_init": "3.5.0"
+                        },
                         "LOGIN_URL": {
                             "default_value": "/authentication_login/",
                             "description": {

pod/main/integration_tests/cookies.side

@@ -0,0 +1,35 @@
+{
+  "id": "f060a750-1757-4b5d-8ed0-ce6b1c49b62b",
+  "version": "2.0",
+  "name": "pod-front",
+  "url": "http://localhost:9090/",
+  "tests": [{
+    "id": "pod-accept-cookies",
+    "name": "cookies",
+    "commands": [{
+      "id": "pod-open-home",
+      "comment": "Ouvre la page d'accueil",
+      "command": "open",
+      "target": "/",
+      "targets": [],
+      "value": ""
+    }, {
+      "id": "pod-accept-cookies",
+      "comment": "Valide les cookies du navigateur",
+      "command": "click",
+      "target": "id=okcookie",
+      "targets": [],
+      "value": ""
+    }]
+  }],
+  "suites": [{
+    "id": "pod-front",
+    "name": "Esup Pod test selenium",
+    "persistSession": false,
+    "parallel": false,
+    "timeout": 300,
+    "tests": ["pod-accept-cookies"]
+  }],
+  "urls": ["http://localhost:9090/"],
+  "plugins": []
+}

pod/main/integration_tests/lang.side

@@ -0,0 +1,92 @@
+{
+  "id": "f060a750-1757-4b5d-8ed0-ce6b1c49b62b",
+  "version": "2.0",
+  "name": "pod-front",
+  "url": "http://localhost:9090/",
+  "tests": [{
+    "id": "pod-change-lang",
+    "name": "lang",
+    "commands": [{
+      "id": "pod-open-home",
+      "comment": "Ouvre la page d'accueil",
+      "command": "open",
+      "target": "/",
+      "targets": [],
+      "value": ""
+    },{
+      "id": "pod-open-configuration",
+      "comment": "Ouvre la page de configuration",
+      "command": "click",
+      "target": "id=pod-param-buttons__button",
+      "targets": [
+        ["id=pod-param-buttons__button", "id"],
+        ["css=#pod-param-buttons__button", "css:finder"],
+        ["xpath=//button[@id='pod-param-buttons__button']", "xpath:attributes"],
+        ["xpath=//li[@id='pod-param-buttons']/button", "xpath:idRelative"],
+        ["xpath=//nav/div/ul/li/button", "xpath:position"]
+      ],
+      "value": ""
+    }, {
+    "id": "pod-toggle-langue-menu",
+    "comment": "Sélectionne menu choix langue",
+    "command": "mouseOver",
+    "target": "id=pod-lang-select",
+    "targets": [
+      ["id=pod-lang-select", "id"],
+      ["css=#pod-lang-select", "css:finder"],
+      ["xpath=//button[@id='pod-lang-select']", "xpath:attributes"],
+      ["xpath=//div[@id='pod-navbar__menusettings']/div[2]/ul/li/div/div/button", "xpath:idRelative"],
+      ["xpath=//div[2]/ul/li/div/div/button", "xpath:position"]
+    ],
+    "value": ""
+    }, {
+    "id": "pod-toggle-lang-select",
+    "comment": "Sélectionne la langue",
+    "command": "click",
+    "target": "id=pod-lang-select",
+    "targets": [
+      ["id=pod-lang-select", "id"],
+      ["css=#pod-lang-select", "css:finder"],
+      ["xpath=//button[@id='pod-lang-select']", "xpath:attributes"],
+      ["xpath=//div[@id='pod-navbar__menusettings']/div[2]/ul/li/div/div/button", "xpath:idRelative"],
+      ["xpath=//div[2]/ul/li/div/div/button", "xpath:position"]
+    ],
+    "value": ""
+    }, {
+      "id": "pod-toggle-lang-deselect",
+      "comment": "Déselectionne langue actuelle",
+      "command": "mouseOut",
+      "target": "id=pod-lang-select",
+      "targets": [
+        ["id=pod-lang-select", "id"],
+        ["css=#pod-lang-select", "css:finder"],
+        ["xpath=//button[@id='pod-lang-select']", "xpath:attributes"],
+        ["xpath=//div[@id='pod-navbar__menusettings']/div[2]/ul/li/div/div/button", "xpath:idRelative"],
+        ["xpath=//div[2]/ul/li/div/div/button", "xpath:position"]
+      ],
+      "value": ""
+    }, {
+    "id": "pod-toggle-lang-confirmation",
+    "comment": "Sélectionne langue ciblée",
+    "command": "click",
+    "target": "css=.dropdown-item",
+    "targets": [
+      ["css=.dropdown-item", "css:finder"],
+      ["xpath=//input[@value='English (en)']", "xpath:attributes"],
+      ["xpath=//div[@id='pod-navbar__menusettings']/div[2]/ul/li/div/div/div/form/input[3]", "xpath:idRelative"],
+      ["xpath=//input[3]", "xpath:position"]
+    ],
+    "value": ""
+    }]
+  }],
+  "suites": [{
+    "id": "pod-front",
+    "name": "Esup Pod test selenium",
+    "persistSession": false,
+    "parallel": false,
+    "timeout": 300,
+    "tests": ["pod-change-lang"]
+  }],
+  "urls": ["http://localhost:9090/"],
+  "plugins": []
+}

pod/main/integration_tests/search.side

@@ -0,0 +1,82 @@
+{
+  "id": "f060a750-1757-4b5d-8ed0-ce6b1c49b62b",
+  "version": "2.0",
+  "name": "pod-front",
+  "url": "http://localhost:9090/",
+  "tests": [{
+    "id": "pod-searchbar",
+    "name": "search",
+    "commands": [{
+      "id": "pod-open-home",
+      "comment": "Ouvre la page d'accueil",
+      "command": "open",
+      "target": "/",
+      "targets": [],
+      "value": ""
+    }, {
+    "id": "pod-search",
+    "comment": "Sélectionne barre recherche",
+    "command": "click",
+    "target": "id=s",
+    "targets": [
+      ["id=s", "id"],
+      ["name=q", "name"],
+      ["css=#s", "css:finder"],
+      ["xpath=//input[@id='s']", "xpath:attributes"],
+      ["xpath=//form[@id='nav-search']/input", "xpath:idRelative"],
+      ["xpath=//input", "xpath:position"]
+    ],
+    "value": ""
+    }, {
+    "id": "pod-search-type",
+    "comment": "Tape mot clé",
+    "command": "type",
+    "target": "id=s",
+    "targets": [
+      ["id=s", "id"],
+      ["name=q", "name"],
+      ["css=#s", "css:finder"],
+      ["xpath=//input[@id='s']", "xpath:attributes"],
+      ["xpath=//form[@id='nav-search']/input", "xpath:idRelative"],
+      ["xpath=//input", "xpath:position"]
+    ],
+    "value": "pas de résultat attendu"
+    }, {
+    "id": "pod-search-enter",
+    "comment": "Appuie touche entrée",
+    "command": "sendKeys",
+    "target": "id=s",
+    "targets": [
+      ["id=s", "id"],
+      ["name=q", "name"],
+      ["css=#s", "css:finder"],
+      ["xpath=//input[@id='s']", "xpath:attributes"],
+      ["xpath=//form[@id='nav-search']/input", "xpath:idRelative"],
+      ["xpath=//input", "xpath:position"]
+    ],
+    "value": "${KEY_ENTER}"
+    }, {
+    "id": "pod-accueil-ariane",
+    "comment": "Retour à la page d'accueil via logo pod",
+    "command": "click",
+    "target": "xpath=//div[@id='nav-mainbar']/a/strong",
+    "targets": [
+      ["css=strong", "css:finder"],
+      ["xpath=//div[@id='nav-mainbar']/a/strong", "xpath:idRelative"],
+      ["xpath=//strong", "xpath:position"],
+      ["xpath=//strong[contains(.,'Lille.Pod')]", "xpath:innerText"]
+    ],
+    "value": ""
+    }]
+  }],
+  "suites": [{
+    "id": "pod-front",
+    "name": "Esup Pod test selenium",
+    "persistSession": false,
+    "parallel": false,
+    "timeout": 300,
+    "tests": ["pod-searchbar"]
+  }],
+  "urls": ["http://localhost:9090/"],
+  "plugins": []
+}