<?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="AdminCategoryBasicFieldSection">
        <element name="IncludeInMenu" type="checkbox" selector="input[name='include_in_menu']"/>
        <element name="includeInMenuLabel" type="text" selector="input[name='include_in_menu']+label"/>
        <element name="includeInMenuUseDefault" type="checkbox" selector="input[name='use_default[include_in_menu]']"/>
        <element name="EnableCategory" type="checkbox" selector="input[name='is_active']"/>
        <element name="enableCategoryLabel" type="text" selector="input[name='is_active']+label"/>
        <element name="enableUseDefault" type="checkbox" selector="input[name='use_default[is_active]']"/>
        <element name="CategoryNameInput" type="input" selector="input[name='name']"/>
        <element name="RequiredFieldIndicator" type="text" selector=" return window.getComputedStyle(document.querySelector('._required[data-index=name]&gt;.admin__field-label span'), ':after').getPropertyValue('content');"/>
        <element name="RequiredFieldIndicatorColor" type="text" selector=" return window.getComputedStyle(document.querySelector('._required[data-index=name]&gt;.admin__field-label span'), ':after').getPropertyValue('color');"/>
        <element name="categoryNameUseDefault" type="checkbox" selector="input[name='use_default[name]']"/>
        <element name="ContentTab" type="input" selector="input[name='name']"/>
        <element name="FieldError" type="text" selector=".admin__field-error[data-bind='attr: {for: {{field}}}, text: error']" parameterized="true"/>
        <element name="panelFieldControl" type="input" selector='//aside//div[@data-index="{{arg1}}"]/descendant::*[@name="{{arg2}}"]' parameterized="true"/>
        <element name="productsInCategory" type="input" selector="div[data-index='assign_products']" timeout="30"/>
    </section>
    <section name="CategoryContentSection">
        <element name="SelectFromGalleryBtn" type="button" selector="//label[text()='Select from Gallery']"/>
        <element name="ImagePlaceHolder" type="button" selector=".file-uploader-summary.product-image-wrapper"/>
        <element name="Upload" type="button" selector=".file-uploader-area input"/>
    </section>
    <section name="CategoryDesignSection">
        <element name="DesignTab" type="button" selector="//strong[@class='admin__collapsible-title']//span[text()='Design']"/>
        <element name="LayoutDropdown" type="select" selector="select[name='page_layout']"/>
    </section>
    <section name="CategoryDisplaySettingsSection">
        <element name="DisplaySettingTab" type="button" selector="//strong[@class='admin__collapsible-title']//span[text()='Display Settings']"/>
        <element name="layeredNavigationPriceInput" type="input" selector="input[name='filter_price_range']"/>
        <element name="FieldError" type="text" selector=".admin__field-error[data-bind='attr: {for: {{field}}}, text: error']" parameterized="true"/>
        <element name="filterPriceRangeUseConfig" type="checkbox" selector="input[name='use_config[filter_price_range]']"/>
        <element name="RequiredFieldIndicator" type="text" selector=" return window.getComputedStyle(document.querySelector('._required[data-index={{arg1}}]&gt;.admin__field-label span'), ':after').getPropertyValue('content');" parameterized="true"/>
        <element name="displayMode" type="button" selector="select[name='display_mode']"/>
        <element name="anchor" type="checkbox" selector="input[name='is_anchor']"/>
        <element name="productListCheckBox" type="checkbox" selector="input[name='use_config[available_sort_by]']" />
        <element name="productList" type="text" selector="select[name='available_sort_by']"/>
        <element name="defaultProductLisCheckBox" type="checkbox" selector="input[name='use_config[default_sort_by]']"/>
        <element name="defaultProductList" type="text" selector="select[name='default_sort_by']"/>
        <element name="layeredNavigationPriceCheckBox" type="checkbox" selector="input[name='use_config[filter_price_range]']"/>
    </section>
    <section name="CatalogWYSIWYGSection">
        <element name="ShowHideBtn" type="button" selector="#togglecategory_form_description"/>
        <element name="TinyMCE4" type="text" selector=".mce-branding"/>
        <element name="Style" type="button" selector=".mce-txt" />
        <element name="Bold" type="button" selector=".mce-i-bold" />
        <element name="Italic" type="button" selector=".mce-i-italic" />
        <element name="Underline" type="button" selector=".mce-i-underline" />
        <element name="AlignLeft" type="button" selector=".mce-i-alignleft" />
        <element name="AlignCenter" type="button" selector=".mce-i-aligncenter" />
        <element name="AlignRight" type="button" selector=".mce-i-alignright" />
        <element name="Bullet" type="button" selector=".mce-i-bullist" />
        <element name="Numlist" type="button" selector=".mce-i-numlist" />
        <element name="InsertLink" type="button" selector=".mce-i-link" />
        <element name="InsertImage" type="button" selector=".mce-i-image" />
        <element name="InsertTable" type="button" selector=".mce-i-table" />
        <element name="SpecialCharacter" type="button" selector=".mce-i-charmap"/>
        <element name="InsertImageIcon" type="button" selector=".mce-i-image"/>
        <element name="Browse" type="button" selector=".mce-i-browse"/>
        <element name="BrowseUploadImage" type="file" selector=".fileupload" />
        <element name="image" type="text" selector="//small[text()='{{var1}}']" parameterized="true"/>
        <element name="imageSelected" type="text" selector="//small[text()='{{var1}}']/parent::*[@class='filecnt selected']" parameterized="true"/>
        <element name="ImageSource" type="input" selector=".mce-combobox.mce-abs-layout-item.mce-last.mce-has-open" />
        <element name="ImageDescription" type="input" selector=".mce-textbox.mce-abs-layout-item.mce-last" />
        <element name="Height" type="input" selector=".mce-textbox.mce-abs-layout-item.mce-first" />
        <element name="UploadImage" type="file" selector=".fileupload" />
        <element name="OkBtn" type="button" selector="//span[text()='Ok']"/>
        <element name="InsertFile" type="text" selector="#insert_files"/>
        <element name="CreateFolder" type="button" selector="#new_folder" />
        <element name="DeleteSelectedBtn" type="text" selector="#delete_files"/>
        <element name="CancelBtn" type="button" selector="#cancel" />
        <element name="FolderName" type="button" selector="input[data-role='promptField']" />
        <element name="AcceptFolderName" type="button" selector=".action-primary.action-accept" />
        <element name="StorageRootArrow" type="button" selector="#root > .jstree-icon" />
        <element name="checkIfArrowExpand" type="button" selector="//li[@id='root' and contains(@class,'jstree-closed')]" />
        <element name="confirmDelete" type="button" selector=".action-primary.action-accept" />
    </section>
</sections>
