update voila test

.github/workflows/voila-test.yml

@@ -9,7 +9,7 @@ on:
       - '*'
 
 jobs:
-  voila:
+  check-elements:
     runs-on: ubuntu-latest
     steps:
     - name: Checkout
@@ -50,7 +50,41 @@ jobs:
         name: artifact
         path: './*.png'
 
-    - name: Run the figures test
+  check-screenshot:
+    name: Check Screenshot
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+    - name: Install node
+      uses: actions/setup-node@v1
+      with:
+       node-version: '18.x'
+    - name: Install Python
+      uses: actions/setup-python@v2
+      with:
+        python-version: '3.9'
+        architecture: 'x64'
+    - name: Install dependencies
+      run: 
+        pip install --upgrade pip
+        pip install --upgrade jupyterlab
+        pip install --upgrade voila
+        pip install --upgrade voila-osscar-template
+        pip install -e .
+
+    - name: Run the voila server
       run: |
+        voila --template=osscar --enable_nbextensions=True example/ --port 8383 --no-browser &
+        pip install --upgrade pytest
+        pip install --upgrade selenium
+        pip install --upgrade Pillow
+
+    - uses: nanasess/setup-chromedriver@master
+    - run: |
+        export DISPLAY=:99
+        chromedriver --url-base=/wd/hub &
+        sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 & # optional
+        python3 $GITHUB_WORKSPACE/test/test.py
         python3 $GITHUB_WORKSPACE/test/test_figures.py