When I select the "Heading" component in the Canvas Layers

Select a component of the page through the Layers panel, which opens its settings form on the right, ready for "I set the Canvas component option ...". Use the name the Layers panel shows.

Examples

When I select the "Heading" component in the Canvas Layers
And I select the "Image" component in the Canvas Layers
When we select the "Text" component in the Canvas Layers
And we select the "Hero CTA" component in the Canvas Layers
Given I select the "Button" component in the Canvas Layers

Pattern

When(/^(I |we )*select the "([^"]*)" component in the Canvas Layers$/, …)

Part of @webship-js/drupal-cms-steps (github.com/webship/drupal-cms-steps), a step pack for Webship-js 2.0.x.