UHF-8762: Run visual regression tests #42
Workflow file for this run
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| on: | |
| pull_request: | |
| push: | |
| branches: | |
| - main | |
| env: | |
| SIMPLETEST_DB: mysql://drupal:drupal@db:3306/drupal | |
| name: Visual regression tests | |
| jobs: | |
| tests: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@v4 | |
| with: | |
| fetch-depth: 1 | |
| - name: Set variables | |
| run: echo "DRUPAL_ROOT=$HOME/drupal" >> $GITHUB_ENV | |
| - name: Parse $THEME_NAME from composer.json | |
| run: echo "THEME_NAME=$(cat composer.json | jq -r .name | awk -F/ '{print $NF}')" >> $GITHUB_ENV | |
| - name: Set theme folder | |
| run: echo "THEME_FOLDER=$DRUPAL_ROOT/public/themes/contrib/$THEME_NAME" >> $GITHUB_ENV | |
| - name: Clone platform | |
| run: | | |
| git clone --depth=1 https://github.com/City-of-Helsinki/drupal-helfi-platform.git $DRUPAL_ROOT | |
| rm -rf $DRUPAL_ROOT/.git | |
| - name: Install and start Stonehenge | |
| run: | | |
| git clone -b 4.x https://github.com/druidfi/stonehenge.git ~/stonehenge | |
| cd ~/stonehenge && make up | |
| - name: Build project | |
| working-directory: ${{ env.DRUPAL_ROOT }} | |
| env: | |
| COMPOSER_MIRROR_PATH_REPOS: 1 | |
| run: | | |
| composer config repositories.5 path $GITHUB_WORKSPACE | |
| composer require drupal/$THEME_NAME -W | |
| # We use COMPOSER_MIRROR_PATH_REPOS=1 to mirror local repository | |
| # instead of symlinking it to make sure the code is available inside | |
| # the app container. | |
| cp -r $GITHUB_WORKSPACE/.git $THEME_FOLDER/ | |
| - name: Start project | |
| working-directory: ${{ env.DRUPAL_ROOT }} | |
| run: docker compose --profile testing up -d --wait && sleep 5 | |
| - name: Download latest dump | |
| env: | |
| GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} | |
| run: gh run download -n latest.sql | |
| - name: Setup Drupal | |
| working-directory: ${{ env.DRUPAL_ROOT }} | |
| run: | | |
| mkdir public/sites/default/files/styles -p && chmod 777 public/sites/default -R | |
| gh run download -n latest.sql -D /tmp || true | |
| if [ ! -f "latest.sql" ]; then | |
| docker compose exec app bash -c "drush si minimal -y" | |
| docker compose exec app bash -c "drush en helfi_test_content -y" | |
| drush sql-dump --result-file=/tmp/latest.sql | |
| else | |
| docker compose exec app bash -c "mysql --user=drupal --password=drupal --database=drupal --host=db --port=3306 -A < /tmp/latest.sql" | |
| docker compose exec app bash -c "drush deploy" | |
| fi | |
| - uses: actions/upload-artifact@v4 | |
| with: | |
| name: latest.sql | |
| path: /tmp/latest.sql | |
| - name: Node setup | |
| working-directory: ${{ env.THEME_FOLDER }} | |
| run: | | |
| export NVM_DIR="$HOME/.nvm" && [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" | |
| nvm install && npm install && npx playwright install | |
| - name: Generate reference images | |
| working-directory: ${{ env.THEME_FOLDER }} | |
| run: | | |
| gh run download -n bitmaps.zip -D /tmp || true | |
| if [ ! -f "/tmp/bitmaps.zip" ] || [ "$GITHUB_REF" == "refs/heads/main" ]; then | |
| npm run full-reference | |
| echo "UPLOAD_BITMAP=1" >> $GITHUB_ENV | |
| else | |
| unzip /tmp/bitmaps.zip -d backstop_data/ | |
| fi | |
| - uses: actions/upload-artifact@v4 | |
| with: | |
| if: ${{ env.UPLOAD_BITMAP == '1' }} | |
| name: bitmaps.zip | |
| path: ${{ env.THEME_FOLDER }}/backstop_data/full/bitmaps_reference | |
| - name: Export container logs | |
| working-directory: ${{ env.DRUPAL_ROOT }} | |
| run: docker compose logs app > /tmp/container.log | |
| - name: Create an artifact from test report | |
| uses: actions/upload-artifact@v3 | |
| if: always() | |
| with: | |
| name: results | |
| path: | | |
| ${{ env.THEME_FOLDER }}/backstop_data/ | |
| /tmp/container.log | |
| retention-days: 1 |