<?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="WYSIWYGOnPageBuilderInline">
        <element name="toolbar" type="button" selector=".tox-tinymce.tox-tinymce-inline"/>
        <element name="inlineCss" type="button" selector=".tox-tinymce.tox-tinymce-inline"/>
        <element name="notCss" type="button" selector=".tox-tinymce:not(.tox-tinymce-inline)"/>
        <element name="undo" type="button" selector=".tox-tinymce-inline button[aria-label='Undo']"/>
        <element name="redo" type="button" selector=".tox-tinymce-inline button[aria-label='Redo']"/>
        <element name="formatSelector" type="button" selector=".tox-tinymce-inline button[aria-label='Formats']"/>
        <element name="fontSize" type="button" selector=".tox-tinymce-inline button[aria-label='Font sizes']"/>
        <element name="lineHeight" type="button" selector=".tox-tinymce-inline button[aria-label='Line height']"/>
        <element name="textColor" type="button" selector=".tox-tinymce-inline div[aria-label='Text color']"/>
        <element name="backgroundColor" type="button" selector=".tox-tinymce-inline div[aria-label='Background color']"/>
        <element name="bold" type="button" selector=".tox-tinymce-inline button[aria-label='Bold']"/>
        <element name="italic" type="button" selector=".tox-tinymce-inline button[aria-label='Italic']"/>
        <element name="underline" type="button" selector=".tox-tinymce-inline button[aria-label='Underline']"/>
        <element name="alignLeft" type="button" selector=".tox-tinymce-inline button[aria-label='Align left']"/>
        <element name="alignCenter" type="button" selector=".tox-tinymce-inline button[aria-label='Align center']"/>
        <element name="alignRight" type="button" selector=".tox-tinymce-inline button[aria-label='Align right']"/>
        <element name="numberedList" type="button" selector=".tox-tinymce-inline div[aria-label='Numbered list']"/>
        <element name="bulletList" type="button" selector=".tox-tinymce-inline div[aria-label='Bullet list']"/>
        <element name="insertLink" type="button" selector=".tox-tinymce-inline button[aria-label='Insert/edit link']"/>
        <element name="imageSelector" type="button" selector=".tox-tinymce-inline button[aria-label='Insert/edit image']"/>
        <element name="table" type="button" selector=".tox-tinymce-inline button[aria-label='Table']"/>
        <element name="tableMenuFirstItem" type="text" selector="div[title='Table']"/>
        <element name="tableGrid" type="text" parameterized="true" selector="//div[@class='tox-insert-table-picker']//div[{{size}}]"/>
        <element name="tableToolbar" type="text" selector=".tox-pop .tox-pop__dialog .tox-toolbar"/>
        <element name="tableProperties" type="button" selector="button[aria-label='Table properties']"/>
        <element name="deleteTable" type="button" selector="button[aria-label='Delete table']"/>
        <element name="insertRowBefore" type="button" selector="button[aria-label='Insert row before']"/>
        <element name="insertRowAfter" type="button" selector="button[aria-label='Insert row after']"/>
        <element name="deleteRow" type="button" selector="button[aria-label='Delete row']"/>
        <element name="insertColumnBefore" type="button" selector="button[aria-label='Insert column before']"/>
        <element name="insertColumnAfter" type="button" selector="button[aria-label='Insert column after']"/>
        <element name="deleteColumn" type="button" selector="button[aria-label='Delete column']"/>
        <element name="specialCharacter" type="button" selector=".tox-tinymce-inline button[aria-label='Special character']"/>
        <element name="insertWidget" type="button" selector=".tox-tinymce-inline button[aria-label='Insert Widget']"/>
        <element name="insertVariable" type="button" selector=".tox-tinymce-inline button[aria-label='Insert Variable']"/>
        <element name="imageSelectorBrowse" type="button" selector="button[aria-label='Browse files']"/>
        <element name="imageSelectorOk" type="button" selector="//div[contains(@aria-label, 'Insert/edit image')]//span[contains(@class, 'mce-txt')][text()='Ok']"/>
        <element name="formatOption" type="text" parameterized="true" selector="//div[contains(@class, 'mce-menu')]//span[contains(@class, 'mce-text') and text()='{{label}}']"/>
    </section>
</sections>
