When I add the "Heading" component to the bottom of the "Landing" Canvas page and publish it:

Append a component to the bottom of an existing Canvas page's content, configured from a data table of | prop | value | rows, and publish the page when the step says so. This performs through the authoring API the same change the editor's drag and drop makes.

Examples

When I add the "Heading" component to the bottom of the "Landing" Canvas page and publish it:
And I add the "sdc.mercury.text" component to the bottom of the "Landing" Canvas page:
When we add the "Button" component to the bottom of the "Pricing" Canvas page and publish:
And I add the "Blockquote" component to the bottom of the "Quote" Canvas page:
When I add the "Hero CTA" component to the bottom of the "Home" Canvas page and publish it:

Pattern

When(/^(I |we )*add the "([^"]*)" component to the bottom of the "([^"]*)" Canvas page( and publish(?: it)?)?:$/, …)

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