MC-3475: Create MFTF Tests

- Fixing js selectors for button items
- Adding more tests for same size buttons

Author: dhaecker

app/code/Magento/PageBuilder/Test/Mftf/Section/PageBuilderButtonsSection.xml

@@ -50,7 +50,7 @@
         <element name="base" type="button" selector="(//div[contains(@class,'pagebuilder-button-item')])[{{arg1}}]//a[contains(@class,'pagebuilder-button')]" parameterized="true"/>
         <element name="emptyButtonItemElement" type="button" selector="(//div[contains(@class,'pagebuilder-button-item')])[{{arg1}}]//a[contains(@class,'pagebuilder-button')]//span[contains(@class,'placeholder-text') and not(text())]" parameterized="true"/>
         <element name="editableButtonItemElement" type="button" selector="(//div[contains(@class,'pagebuilder-button-item')])[{{arg1}}]//a[contains(@class,'pagebuilder-button')]//span[contains(@contenteditable,'true')]" parameterized="true"/>
-        <element name="jsButtonSelector" type="text" selector="document.querySelectorAll('.pagebuilder-button-item')[{{arg1}}-1]" parameterized="true"/>
+        <element name="jsButtonSelector" type="text" selector="document.querySelectorAll('.pagebuilder-button-item a[data-element=\'link\']')[{{arg1}}-1]" parameterized="true"/>
         <element name="moveHandle" type="button" selector="(//div[contains(@class,'pagebuilder-button-item')])[{{arg1}}]//a//span[@class='button-item-drag-handle']" parameterized="true"/>
         <element name="moveHandleDisabled" type="button" selector="(//div[contains(@class,'pagebuilder-button-item')])[{{arg1}}]//a//span[contains(@class,'button-item-drag-handle') and contains(@class,'disabled')]" parameterized="true"/>
         <element name="openOptionsMenu" type="button" selector="(//div[contains(@class,'pagebuilder-button-item')])[{{arg1}}]//a[contains(@class,'pagebuilder-button')]" parameterized="true"/>
@@ -79,7 +79,7 @@
         <element name="all" type="button" selector="[data-role='button-item']"/>
         <element name="base" type="button" selector="(//div[@data-role='button-item'])[{{arg1}}]" parameterized="true"/>
         <element name="emptyButtonItemElement" type="button" selector="(//div[@data-role='button-item'])[{{arg1}}]//a//span[not(text())]" parameterized="true"/>
-        <element name="jsButtonSelector" type="text" selector="document.querySelectorAll('div[data-role=\'button-item\']')[{{arg1}}-1]" parameterized="true"/>
+        <element name="jsButtonSelector" type="text" selector="document.querySelectorAll('div[data-role=\'button-item\'] a')[{{arg1}}-1]" parameterized="true"/>
         <!-- Content Configuration -->
         <element name="buttonItemText" type="button" selector="(//div[@data-role='button-item'])[{{arg1}}]//a//span[contains(.,'{{arg2}}')]" parameterized="true"/>
         <element name="buttonItemType" type="button" selector="(//div[@data-role='button-item'])[{{arg1}}]//a[@class='{{arg2}}']" parameterized="true"/>