Manuel
 

TopTable of contentsPrevious Chapter: 50.1.2 The 'Install CustomWebResolver' nodeNext Page: 50.1.4 'CustomWebResolver' – TreeNext Chapter: 50.1.4 'CustomWebResolver' – TreeChapter Overview: 50.1 Improving component recognition with a CustomWebResolverPDF versionQF-Test
Version 8.0.1
'CustomWebResolver' – Tables

In order to resolve Table components correctly, it is necessary to map the component containing all entries, i.e. the table itself as well as the components which represent the individual rows of a table and the individual table cell entries. Furthermore, the row containing all headings as well as the specific headings need to be mapped to generic classes.

ClassRequired components and sub-items
TableRepresents the Table component, contains all rows and cells.
TableRowRepresents a table row.
TableCellRepresents a table cell.
TableHeaderRepresents a row of the table headers.
TableHeaderCellRepresents a header cell.
 Optional sub-items
CheckBox:TableCellCheckBox(Optional) Represents a CheckBox in table cell.
Icon:TableCellIcon(Optional) Represents an Icon in a table cell.
CheckBox:TableCellHeaderCheckBox(Optional) Represents a CheckBox of a table header cell.
Icon:TableCellHeaderIcon(Optional) Represents an Icon of a table header cell.
Table 50.1:  Mapping of Tables

In addition to the following example you will find a detailed instruction for mapping a table in Mapping of complex components like data tables.

Example:

The following HTML code defines two tables, one as a data table and the other one for the layout of buttons: 

<div role="datatablecontainer">
    <table>
        <th type="header">
            <td class="datacell">Form</td>
            <td class="datacell">Color</td>
        </th>
        <tr>
            <td class="datacell">Square</td>
            <td>Red</td>
        </tr>
        <tr>
            <td class="datacell">Diamond</td>
            <td class="datacell">Blue</td>
        </tr>
    </table>
</div>
<table>
     <tr>
        <td>
            <div class="button">Save</div>
            <div class="button">Cancel</div>
        </td>
    </tr>
</table>
Example 50.20:  HTML Table

The following configuration for the 'Install CustomWebResolver' node only maps the data table to a QF-Test table component. 

genericClasses:
- Button: button
- TableCell:
    css: datacell
    ancestor: TableRow
- Panel:myTablePanel: role=datatablecontainer
- TableHeader:
    attribute: type
    attributeValue: header
    tag: th
- Table:
    tag: table
    ancestor:
        type: parent
        className: Panel:myTablePanel
- TableHeaderCell:
    tag: td
    ancestor: TableHeader
- TableRow:
    tag: tr
    ancestor: Table
ignoreTags:
- <DIV>
- <SPAN>
- <TABLE>
Example 50.21:  HTML table

In the mapping of Panel:myTablePanel, the class type myTablePanel was freely "invented" to distinguish the DIV element containing the data table from other DIVs. This allows us to use parent: Panel:myTablePanel in the mapping of the table.

The mapping for the column title TableHeader reads as follows: The attribute type with the value header will be mapped to the generic class TableHeader only if the HTML tag name is TH.

To make sure the mappings will only affect HTML elements with the tags TR and TD that are part of a data table we add ancestor: to each.

We do not want to record HTML elements with the HTML tag TABLE that are not mapped to a QF-Test Table component. Therefore, we add <TABLE> in the category ignoreTags in addition to the default entries <DIV> and <SPAN> which, in turn, make sure that unmapped DIV and SPAN elements will not be recorded.

TopTable of contentsPrevious Chapter: 50.1.2 The 'Install CustomWebResolver' nodeNext Page: 50.1.4 'CustomWebResolver' – TreeNext Chapter: 50.1.4 'CustomWebResolver' – TreeChapter Overview: 50.1 Improving component recognition with a CustomWebResolverPDF versionLast update: 9/10/2024
Copyright © 1999-2024 Quality First Software GmbH

Nous utilisons des cookies "Matomo" pour l'évaluation anonyme de votre visite à note page web. Pour cela nous avons besoin de votre consentement qui est valable pour douze mois. La révocation est possbile n'importe quand sur notre page "Protection de données".

ACCEPTER
PARAMETRER
REFUSER
Configuration de cookies

1. Cookies fonctionnels

Nous utilisons des cookies fonctionnels pour garantir la fonctionnalité de base du site web.

2. Cookies de performance et de statistique

Nous utilisons Matomo pour analyser et améliorer notre site web. Des cookies permettent une collection anonyme des informations qui nous aident à vous offrir un visite clair et facile à utiliser de nos pages web.

Confirmer la sélection

Cookie details