ericksonseniorliving.com

EricksonSeniorLiving Center D8 with CircleCI

Local Setup

Dependencies

• PHP v7.3
• lando
  • built using: v3.0.0-rc.23
• node
  • built using v10.13.0
• drush
  • built using v9.7.1

Optional Depedencies

• Drupal PHP Code Sniffer (PHP Coding Standards)
  • Drupal.org setup guide

Setup Process

Codebase

• Clone the repo locally: git clone git@github.com:inclind/ericksonseniorliving.com.git ericksonseniorliving.com
• cd to the project root
• Run: composer install

Lando

These steps establish the local Drupal Environment (Are not required for initial theme work).

• cd to the project root
• Run: lando start
• Run: lando pull --code=none --database=<env or none> --files=<env or none>

Theme

For a more comprehensive theme docs for this project see the readme in /web/themes/custom/particle.

Local Theme Build

• cd to the project root
• Run: composer -n local-build-theme
  • The above command will run npm install, setup, and build commands for pattern lab and drupal.
  • Alternatively, the command run during the build process is composer -n build-theme
    • The only difference is that the build process does not run the npm build:pl portion since it isn’t necessary for Drupal.
• Optional: lando drush cr clear caches if changes aren’t being reflected.

Pattern Lab Publishing to GitHub

• The compiled Pattern Lab application can be published to GitHub Pages using the following command while in the Particle theme root directory:
  • npm install
  • npm install gh-pages --save-dev
  • npm run publish
• These changes are viewable at: EricksonSeniorLiving GitHub Pages
• Seems like usually the ADMIN of the repo has to push to GitHub Pages for the first time
• To browse PL output locally GH repo, get into theme directory and run npm run start

Xdebug

• Click “Configuration” in the top-right of PHPStorm
• Click “Add or Edit”
• Add “PHP Web Page” configuration called “localhost”
• Click triple dots next to the “Server” box
• Add new server called “localhost” with domain “localhost” and port “80”
• For the project root map to /app
• Click PhpStorm > Preferences > Languages & Frameworks > PHP
• Remove everything under the include paths
• Add entry for /Users/<your user>/.lando/services/config/pantheon
• On the server mapping for “localhost” map prepend.php to /srv/includes/prepend.php

Development Notes

Testing

Linting

• PHP (If PHP Code Sniffer is setup with Drupal Standards and Best Practices)
  • composer -n code-sniff
• SCSS
  • composer -n sass-lint
• JS
  • composer -n js-lint

For more details and instructions on creating a new project, see the Terminus Build Tools Plugin.

Important files and directories

/web

Pantheon will serve the site from the /web subdirectory due to the configuration in pantheon.yml. This is necessary for a Composer based workflow. Having your website in this subdirectory also allows for tests, scripts, and other files related to your project to be stored in your repo without polluting your web document root or being web accessible from Pantheon. They may still be accessible from your version control project if it is public. See the pantheon.yml documentation for details.

/config

One of the directories moved to the git root is /config. This directory holds Drupal’s .yml configuration files. In more traditional repo structure these files would live at /sites/default/config/. Thanks to this line in settings.php, the config is moved entirely outside of the web root.

composer.json

This project uses Composer to manage third-party PHP dependencies.

The require section of composer.json should be used for any dependencies your web project needs, even those that might only be used on non-Live environments. All dependencies in require will be pushed to Pantheon.

The require-dev section should be used for dependencies that are not a part of the web application but are necesarry to build or test the project. Some example are php_codesniffer and phpunit. Dev dependencies will not be deployed to Pantheon.

If you are just browsing this repository on GitHub, you may not see some of the directories mentioned above. That is because Drupal core and contrib modules are installed via Composer and ignored in the .gitignore file.

This project uses the following required dependencies:

• composer/installers: Relocates the installation location of certain Composer projects by type; for example, this component allows Drupal modules to be installed to the modules directory rather than vendor.

• drupal/core-composer-scaffold: Allows certain necessary files, e.g. index.php, to be copied into the required location at installation time.

• drupal/core-recommended: This package contains Drupal itself, including the Drupal scaffold files.

• pantheon-systems/drupal-integrations: This package provides additional scaffold files required to install this site on the Pantheon platform. These files do nothing if the site is deployed elsewhere.

The following optional dependencies are also included as suggestions:

• pantheon-systems/quicksilver-pushback: This component allows commits from the Pantheon Dashboard to be automatically pushed back to GitHub for sites using the Build Tools Workflow. This package does nothing if that workflow has not been set up for this site.

• drush/drush: Drush is a commandline tool that provides ways to interact with site maintenance from the command line.

• drupal/console: Drupal Console is similar to and an alternative for Drush. You may use either or both.

• cweagans/composer-patches: Allows a site to be altered with patch files at installation time.

• drupal/config_direct_save: Provides a way to export configuration directly to the filesystem (in SFTP mode) directly from the Drupal admin interface. This is a convenient way to manage configuration files.

• drupal/config_installer: Allows a site to be re-installed through the Drupal web installer using existing exported configuration files.

• drush-ops/behat-drush-endpoint: Used by Behat tests.

• rvtraveller/qs-composer-installer: Allows a site to install quicksilver hooks from a Composer package.

• zaporylie/composer-drupal-optimizations: This package makes composer update operations run more quickly when updating Drupal and Drupal’s dependencies.

Any of the optional dependencies may be removed if they are not needed or desired.

.ci

This .ci directory is where all of the scripts that run on Continuous Integration are stored. Provider specific configuration files, such as .circle/config.yml and .gitlab-ci.yml, make use of these scripts.

The scripts are organized into subdirectories of .ci according to their function: build, deploy, or test.

Build Scripts .ci/build

Steps for building an artifact suitable for deployment. Feel free to add other build scripts here, such as installing Node dependencies, depending on your needs.

• .ci/build/php installs PHP dependencies with Composer

Build Scripts .ci/deploy

Scripts for facilitating code deployment to Pantheon.

• .ci/deploy/pantheon/create-multidev creates a new Pantheon multidev environment for branches other than the default Git branch
  • Note that not all users have multidev access. Please consult the multidev FAQ doc for details.
• .ci/deploy/pantheon/dev-multidev deploys the built artifact to either the Pantheon dev or a multidev environment, depending on the Git branch

Automated Test Scripts .ci/tests

Scripts that run automated tests. Feel free to add or remove scripts here depending on your testing needs.

Static Testing .ci/test/static and tests/unit Static tests analyze code without executing it. It is good at detecting syntax error but not functionality.

• .ci/test/static/run Runs PHP CodeSniffer with Drupal coding standards, PHP Unit, and PHP syntax checking.
• tests/unit/bootstrap.php Bootstraps the Composer autoloader
• tests/unit/TestAssert.php An example Unit test. Project specific test files will need to be created in tests/unit.

Visual Regression Testing .ci/test/visual-regression Visual regression testing uses a headless browser to take screenshots of web pages and compare them for visual differences.

• .ci/test/visual-regression/run Runs BackstopJS visual regression testing.
• .ci/test/visual-regression/backstopConfig.js The BackstopJS configuration file. Setting here will need to be updated for your project. For example, the pathsToTest variable determines the URLs to test.

Behat Testing .ci/test/behat and tests/behat Behat is an acceptance/end-to-end testing framework written in PHP. It faciliates testing the fully built Drupal site on Pantheon infrastucture. The Drupal Behat Extension is used to help with integrating Behat and Drupal.

• .ci/test/behat/initialize creates a backup of the environment to be tested
• .ci/test/behat/run sets the BEHAT_PARAMS environment variable with dynamic information necessary for Behat and configure it to use Drush via Terminus and starts headless Chrome, and runs Behat
• .ci/test/behat/cleanup restores the previously made database backup and saves screenshots taken by Behat
• tests/behat/behat-pantheon.yml Behat configuration file compatible with running tests against a Pantheon site
• tests/behat/tests/behat/features Where Behat test files, with the .feature extension, should be stored. The provided example tests will need to be replaced with project specific tests.
  • tests/behat/tests/behat/features/content.feature A Behat test file which logs into the Drupal dashboard, creates nodes, users and terms, and verifies their existience in the Drupal admin interface and the front end of the site

Updating your site

When using this repository to manage your Drupal site, you will no longer use the Pantheon dashboard to update your Drupal version. Instead, you will manage your updates using Composer. Ensure your site is in Git mode, clone it locally, and then run composer commands from there. Commit and push your files back up to Pantheon as usual.