Skip to main content
26 February 2024

Pantheon deployments from your GitHub repo only

Pantheon is a great Drupal and WordPress hosting. It has a nice UI for deployments. However, doing deployments from UI can have some issues.

 

Problems we solve:

  1. Only one person on the team can do deployments to Test / Prod environment in Pantheon
  2. Deployments need manual steps so that they can be error-prone
  3. There is no easy way to see what code is currently in Production unless you log in to Pantheon and check it there.

 

The solution to these could be full deployment automation. Here is how you can accomplish it with Github and Github Actions.

 

Github to have two branches. Main and Production. Main is where all development happens. On every merge to this branch, we sync the code to Pantheon’s repo and run automated deployment to the Dev environment.

Main branch syncs to dev environment

 

Once code is ready for testing you can create a pull request to GitHub’s production branch. This is when we pull database/files from production and deploy to Pantheon’s Test environment.

Pull request deployed to Test environment

 

Once we merge to Production branch we do a deployment to Live Pantheon’s environment. 

Merge gets deployed to production

Now you always know what code on Pantheon’s Live environment as it mirrors your Production branch.

 

To implement this idea we will need three GitHub pipelines:

  • Deploy-dev (sync main branch to master in Pantheon and run the release)
  • Pull-request-production (deploy to Test Pantheon env when pull request created)
  • Deploy-production (deploy to Pantheon 

 

GitHub actions

 

Introduce Diffy visual regression testing

Once you deploy to the Test environment, you can run visual regression testing automatically, and your results are posted back to the pull request.

For this, you need to specify the Github repo in your project settings

DIffy settings GitHub repo

 

Install Diffy’s check to your GitHub repo.

 

Modify your pull-request-production pipeline.

As a result, you get the following check in your GitHub pull requests

Pull request check

Dealing with ShadowDOM with jQuery

Recently we started testing https://urban.org and we wanted to take screenshots of the dropdown menu and search box, but they were implemented as components with shadowDOM.
2 mins read read

7 Must use WordPress plugins for business websites and why to use them

WordPress plugins are widely used to add some new functionality or to extend the existing functionality on the website.

There are several WordPress plugins are available for WordPress users.

If you’re running a business website, there are multiple plugins that you can install to improve the performance of your website.

If you’re looking to add the perfect plugin to your WP site, it will take a lot of time and effort.

We’ve already check reviewed some incredible and must-have WordPress plugins that are relevant to the business website.

4 min read

Diffy helps your QA team

to ensure that websites don't get visual bugs