Automated testing in Magento 2 with Behat

composer require --dev --with-all-dependencies \
    behat/behat \
    behat/mink-extension \
    'behat/mink-goutte-driver:^1.3' \
    behat/mink-selenium2-driver \
    bex/behat-magento2-extension

echo "127.0.0.1 ::1 db" | sudo tee -a /etc/hosts
echo "127.0.0.1 ::1 redis" | sudo tee -a /etc/hosts

default:
    extensions:
        Bex\Behat\Magento2Extension: ~
        Behat\MinkExtension:
            default_session: goutte
            javascript_session: selenium2
            base_url: https://magento.test
            browser_name: chrome
            goutte:
                guzzle_parameters:
                    verify: false
            selenium2:
                wd_host: 127.0.0.1:4444/wd/hub
                browser: chrome
                capabilities:
                    browserName: chrome
                    browserVersion: '*'
                    browser: chrome
 
    suites:
        application:
            autowire: true
            contexts:
                - FeatureContext
            services: '@bex.magento2_extension.service_container'

vendor/bin/behat --init

<?php
 
declare(strict_types=1);
 
use Behat\Behat\Context\Context;
use Behat\MinkExtension\Context\MinkContext;
use Magento\Store\Model\StoreManagerInterface;
 
/**
 * Defines application features from the specific context.
 */
class FeatureContext extends MinkContext implements Context
{
    private StoreManagerInterface $storeManagerInterface;
 
    /**
     * Initializes context.
     *
     * Every scenario gets its own context instance.
     * You can also pass arbitrary arguments to the
     * context constructor through behat.yml.
     */
    public function __construct(
        StoreManagerInterface $storeManagerInterface
    ) {
        $this->storeManagerInterface = $storeManagerInterface;
    }
 
    /**
     *@param$lambda
     *@param$wait
     *@returnbool
     *@throwsException
     */
    public function spin($lambda, $wait = 60)
    {
        for ($i = 0; $i < $wait; $i++) {
            try {
                if ($lambda($this)) {
                    return true;
                }
            } catch (Exception $e) {}
            sleep(1);
        }
 
        $backtrace = debug_backtrace();
 
        throw new \Exception(
            "Timeout thrown by " . $backtrace[1]['class'] . "::" . $backtrace[1]['function'] . "()\n" .
            $backtrace[1]['file'] . ", line " . $backtrace[1]['line']
        );
    }
 
    /**
     *@param$cssSelector
     *@returnvoid
     *@throwsException
     */
    public function scrollIntoView($cssSelector)
    {
        $function = <<<JS
        (
            function()
            {
                document.querySelector("$cssSelector").scrollIntoView();
            })()
JS;
        try {
            $this->getSession()->executeScript($function);
        } catch (Exception $e) {
            throw new \Exception("Scroll Into View Failed. Check Your Script");
        }
    }
 
}

java -jar /usr/local/bin/selenium-server-standalone-2.43.1.jar -Dwebdriver.chrome.driver="/usr/local/bin/chromedriver"

Feature: In order to find the product I want to buy
    As a customer I want to able to browse the store catalog
 
    Scenario: What's new catalog products
        Given I am on the homepage
        And I click the "What's New" link
        Then I should see "What's New"
 
    Scenario: View a top category page
        Given I am on the homepage
        And I click the "Women" link
        Then I should be on the "women.html" page
 
    @javascript
    Scenario: View a subcategory page
        Given I am on the homepage
        And I hover over the "Women" link
        And I hover over the "Tops" link
        When I click the "Jackets" link
        Then I should be on the "women/tops-women/jackets-women.html" page
 
    @javascript
    Scenario: Add a selected catalog product to cart
        Given I am on the catalog page "women/tops-women/jackets-women.html"
        When I choose the "Josie Yoga Jacket" product
        And I choose the option "option-label-size-144-item-166"
        And I choose the option "option-label-color-93-item-49"
        And I click the add to cart button
        Then I should see "Josie Yoga Jacket" in my shopping cart

<?php
 
declare(strict_types=1);
 
use PHPUnit\Framework\Assert as PHPUnit;
 
trait CatalogContext
{
    /**
     * @Given I click the :link link
     */
    public function iClickTheLink($link)
    {
        $this->spin(function($context) use ($link) {
            $page = $context->getSession()->getPage();
            $page->clickLink($link);
            return true;
				});
    }
 
    /**
     * @Given I hover over the :link link
     */
    public function iHoverOverTheLink($link)
    {
        $this->spin(function($context) use ($link) {
            $element = $context->getSession()->getPage()->findLink($link);
            $element->mouseOver();
            return true;
        }, 5);
    }
 
    /**
     * @Then I should be on the :page page
     */
    public function iShouldBeOnThePage($page)
    {
        $testcase = $this->getSession()->getCurrentUrl();
        $storeBaseUrl = $this->storeManagerInterface
            ->getStore()
            ->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_WEB);
 
        $expected = $storeBaseUrl . $page;
 
        PHPUnit::assertEquals($expected, $testcase);
    }
 
    /**
     * @Given I am on the catalog page :page
     */
    public function iAmOnTheCatalogPage($page)
    {
        $this->visit($page);
    }
 
    /**
     * @When I choose the :product product
     */
    public function iChooseTheProduct($product)
    {
        $this->spin(function($context) use ($product) {
            $element = $context->getSession()->getPage()
                ->findLink($product);
            $element->click();
            return true;
        }, 5);
    }
 
    /**
     * @When I choose the option :option
     */
    public function iChooseTheOption($option)
    {
        try {
            $this->spin(function($context) use ($option) {
                $script = "require(['jquery', 'domReady!'], function($) {
    $('#$option').click();
});";
                $context->getSession()->wait(1000);
                $context->getSession()->getDriver()->executeScript($script);
                return true;
            });
        } catch (\Exception $e) {
            throw new Exception($e->getMessage());
        }
    }
 
    /**
     * @When I click the add to cart button
     */
    public function iClickTheAddToCartButton()
    {
        $this->spin(function($context) {
            $element = $context->getSession()->getPage()
                ->find('xpath', '//*[@id="product-addtocart-button"]');
            $element->click();
            return true;
        }, 5);
    }
 
    /**
     * @Then I should see :product in my shopping cart
     */
    public function iShouldSeeInMyShoppingCart($product)
    {
        try {
            $this->spin(function($context) {
                $script = "require(['jquery', 'domReady!'], function($) {
    $('a.action.showcart').click();
});";
                $context->getSession()->wait(3000);
                $context->getSession()->getDriver()->executeScript($script);
                return true;
            });
        } catch (\Exception $e) {
            throw new Exception($e->getMessage());
        }
 
        $element = $this->getSession()->getPage()
            ->findLink('View and Edit Cart');
        $element->click();
        $text = $this->getSession()->getPage()->getText();
        PHPUnit::assertStringContainsString($product, $text);
    }
}

<?php
...
class FeatureContext MinkContext implements Context
{
    use CatalogContext;
 
    ...