<?xml version="1.0" encoding="UTF-8"?>
<!--
 /**
  * Copyright © Magento, Inc. All rights reserved.
  * See COPYING.txt for license details.
  */
-->
<sections xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:noNamespaceSchemaLocation="urn:magento:mftf:Page/etc/SectionObject.xsd">
    <section name="ButtonItemOnStorefront">
        <element name="all" type="button" selector="[data-content-type='button-item']"/>
        <element name="base" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}]" parameterized="true"/>
        <element name="hidden" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}][contains(@style, 'display: none')]" parameterized="true"/>
        <element name="notHidden" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}][not(contains(@style, 'display: none'))]" parameterized="true"/>
        <element name="emptyButtonItemElement" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[@data-element='link']//span[not(text())]" parameterized="true"/>
        <element name="jsButtonSelector" type="text" selector="document.querySelectorAll('div[data-content-type=\'button-item\'] [data-element=\'link\']')[{{arg1}}-1]" parameterized="true"/>
        <!-- Content Configuration -->
        <element name="buttonItemText" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//span[@data-element='link_text' and contains(.,'{{arg2}}')]" parameterized="true"/>
        <element name="buttonItemTextByButtonGroup" type="button" selector="((//div[@data-content-type='buttons'])[{{arg1}}]//div[@data-content-type='button-item'])[{{arg2}}]//span[@data-element='link_text' and contains(.,'{{arg3}}')]" parameterized="true"/>
        <element name="buttonItemType" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[@class='{{arg2}}']" parameterized="true"/>
        <element name="buttonItemUrl" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[@href='{{arg2}}']" parameterized="true"/>
        <element name="buttonItemContainsUrl" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[contains(@href,'{{arg2}}')]" parameterized="true"/>
        <element name="buttonItemNewTab" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[@target='{{arg2}}']" parameterized="true"/>
        <!-- Advanced Configuration -->
        <element name="advancedConfigurationPath" type="text" selector="(//div[@data-content-type=&quot;button-item&quot;])[{{arg1}}]//a" parameterized="true"/>
        <element name="defaultStyle" type="button" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[not(@style)]" parameterized="true"/>
        <element name="alignment" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[contains(@style,'text-align: {{arg2}};')]" parameterized="true"/>
        <element name="noAlignment" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[not(contains(@style,'text-align:'))]" parameterized="true"/>
        <element name="border" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[contains(@style,'border-style: {{arg2}};')]" parameterized="true"/>
        <element name="noBorder" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[not(contains(@style,'border-style:'))]" parameterized="true"/>
        <element name="borderColor" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[contains(@style,'border-color: {{arg2}};')]" parameterized="true"/>
        <element name="noBorderColor" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[not(contains(@style,'border-color:'))]" parameterized="true"/>
        <element name="borderWidth" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[contains(@style,'border-width: {{arg2}}px;')]" parameterized="true"/>
        <element name="noBorderWidth" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[not(contains(@style,'border-width:'))]" parameterized="true"/>
        <element name="borderRadius" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[contains(@style,'border-radius: {{arg2}}px;')]" parameterized="true"/>
        <element name="noBorderRadius" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[not(contains(@style,'border-radius:'))]" parameterized="true"/>
        <element name="cssClasses" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}][contains(@class,'{{arg2}}')]//a" parameterized="true"/>
        <element name="noCssClasses" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]" parameterized="true"/>
        <element name="margins" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[contains(@style,'margin: {{arg2}}px;')]" parameterized="true"/>
        <element name="noMargins" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[not(contains(@style,'margin:'))]" parameterized="true"/>
        <element name="padding" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[contains(@style,'padding: {{arg2}}px;')]" parameterized="true"/>
        <element name="noPadding" type="text" selector="(//div[@data-content-type='button-item'])[{{arg1}}]//a[not(contains(@style,'padding:'))]" parameterized="true"/>
    </section>
</sections>
