TEMPLATES.md

Templates

• Button
  • History panel -> Select multiple datasets -> All
  • History panel -> For all selected -> Build collection from rules
  • Collection modal -> Apply
  • Tool parameterization panel -> Execute
• Dropdowns
  • Collection modal -> +Column -> Add column from metadata
  • Collection modal -> +Column -> Add column from metadata -> For -> Name
  • Collection modal -> +Column -> Keep or trim prefix or suffix -> For column -> $X
  • Tool parameterization panel -> Select single or paired-end reads -> $SP
• Iframe
  • Main panel iframe -> highlight element
  • Main panel iframe -> follow links
• Radio button
  • Tool parameterization panel -> Select single dataset
  • Tool parameterization panel -> Select multiple datasets
  • Tool parameterization panel -> Select dataset collection
  • Tool parameterization panel -> Select Yes/No option -> Yes
  • Tool parameterization panel -> Select list option -> $X
• Text input
  • Data upload modal -> Paste/fetch data -> $X
  • Collection modal -> +Filter -> Using regular expression -> $X

Button

▲ back to top

History panel -> Select multiple datasets -> All

 

  - title: <b>$TITLE</b>
    element: '.actions .icon-btn.show-selectors-btn .fa.fa-check-square-o:visible'
    content: 'Select multiple datasets'
    placement: left
    onnextclick:
      - '.actions .icon-btn.show-selectors-btn .fa.fa-check-square-o:visible'

  - title: <b>$TITLE</b>
    element: '.select-all' # must not check for visibility
    content: 'Select all'
    placement: left
    onnextclick:
      - '.select-all' # must not check for visibility

▲ back to top

History panel -> For all selected -> Build collection from rules

  - title: <b>$TITLE</b>
    element: '.list-action-menu-btn.btn.btn-secondary.dropdown-toggle:visible'
    content: 'Choose an option'
    placement: top

  - title: <b>$TITLE</b>
    element: '.list-action-menu-btn.btn.btn-secondary.dropdown-toggle:visible'
    content: 'Create collections from rules'
    placement: top
    onloadclick:
      - '.list-action-menu-btn.btn.btn-secondary.dropdown-toggle:visible'
    onnextclick:
      - '.float-right > :nth-child(9) a' # must not check for visibility

▲ back to top

Collection modal -> Apply

  - title: <b>$TITLE</b>
    element: '.rule-editor-ok:visible'
    content: 'Apply'
    placement: right
    onnextclick:
      - '.rule-editor-ok:visible'

▲ back to top

Tool parameterization panel -> Execute

  - title: '<b>$TITLE</b>'
    element: '#execute:visible'
    content: 'Execute'
    placement: top
    onnextclick:
      - '#execute:visible'

▲ back to top

Dropdowns

▲ back to top

Collection modal -> +Column -> Add column from metadata

 

  - title: <b>$TITLE</b>
    element: '.rule-menu-column-button:visible'
    content: 'Create a new table column'
    placement: bottom

  - title: <b>$TITLE</b>
    element: '.rule-menu-column-button:visible'
    content: 'Add column from metadata'
    placement: bottom
    onloadclick:
      - '.rule-menu-column-button:visible'
    onnextclick:
      - '.rule-link-add-column-metadata' # must not check for visibility

▲ back to top

Collection modal -> +Column -> Add column from metadata -> For -> Name

 

  - title: <b>$TITLE</b>
    element: '.rule-editor select:visible'
    content: 'Select "Name"'
    placement: right

  - title: <b>$TITLE</b>
    element: '.rule-editor select:visible'
    content: 'Select "Name"'
    placement: right
    select:
      - '.rule-editor select option:contains("Name")' # must not check for visibility

▲ back to top

Collection modal -> +Column -> Keep or trim prefix or suffix -> For column -> $X

 

  - title: <b>$TITLE</b>
    element: '.rule-column-selector:visible'
    content: 'Open the dropdown.'
    placement: right
    onnextclick:
      - '.rule-column-selector .select2-arrow:visible'

  - title: <b>$TITLE</b>
    element: '.select2-drop .select2-input:visible'
    content: 'Search and select "X"'
    textinsert: 'X'
    placement: right
    onloadclick:
      - '.select2-drop .select2-results > :nth-child(1):visible'

▲ back to top

Tool parameterization panel -> Select single or paired-end reads -> $SP

  - title: '<b>$TITLE</b>'
    element: '[tour_id="$TOUR_ID"]:visible'
    content: '$CONTENT'
    placement: top
    onnextclick:
      - '[tour_id="$TOUR_ID"] .ui-select .select2-container .select2-choice:visible'

  - title: '<b>$TITLE</b>'
    element: '.select2-drop .select2-input:visible'
    content: 'Search and select <b>$SP</b>.'
    textinsert: '$SP'
    placement: left
    onloadclick:
       - '.select2-drop .select2-results > :nth-child(1):visible'

Example:

  - title: '<b>Adapter clipping</b>'
    element: '[tour_id="library|type"]:visible'
    content: 'Open the dropdown.'
    placement: top
    onnextclick:
      - '[tour_id="library|type"] .ui-select .select2-container .select2-choice:visible'

  - title: '<b>Adapter clipping</b>'
    element: '.select2-drop .select2-input:visible'
    content: 'Search and select <b>Paired-end</b>.'
    textinsert: 'Paired-end'
    placement: left
    onloadclick:
       - '.select2-drop .select2-results > :nth-child(1):visible'

▲ back to top

Iframe

▲ back to top

Main panel iframe -> highlight element

  - title: '<b>$ELEMENT</b>'
    element: '#masthead:visible'
    content: '$CONTENT
    placement: bottom

  - title: '<b>$ELEMENT</b>'
    element: '#iframe-helper:visible'
    content: '$CONTENT'
    placement: bottom
    iframeelement: '$ELEMENT:visible'

Example:

  - title: '<b>Infer strandness</b>'
    element: '#masthead:visible'
    content: 'Infer Experiment shows fractions of forward and inversely mapped
reads on features of known orientation.'
    placement: bottom

  - title: '<b>Infer strandness</b>'
    element: '#iframe-helper:visible'
    content: 'The strandness of a library can be inferred as follows:<br>
- If both values are ~0.5, then the library is unstranded<br>
- If the first value is siginificantly increased, then the library is forward
stranded<br>
- If the second value is increased, then the library is reversely stranded.'
    placement: bottom
    iframeelement: 'pre:visible'

▲ back to top

Main panel iframe -> follow links

  - title: '<b>$TITLE</b>'
    element: '#masthead:visible'
    content: '$CONTENT'
    placement: bottom

  - title: '<b>$TITLE</b>'
    element: '#iframe-helper:visible'
    content: '$CONTENT'
    placement: bottom
    iframeelement: '$ELEMENT:visible'
    onloadclick:
      - '$ELEMENT:visible'

Example:

  - title: '<b>Quality control</b>'
    element: '#masthead:visible'
    content: 'FastQC generated plots to provide an overview of the quality of
data.'
    placement: bottom

  - title: '<b>Quality control</b>'
    element: '#iframe-helper:visible'
    content: 'The <b>Per base sequence quality</b> plot shows the average
quality scores of all reads.'
    placement: bottom
    iframeelement: '.summary ul > :nth-child(2) img:visible'
    onloadclick:
      - '.summary ul > :nth-child(2) a:visible'

▲ back to top

Radio button

▲ back to top

Tool parameterization panel -> Select single dataset

  - title: '<b>$TITLE</b>'
    element: '[tour_id="$TOUR_ID"] .btn-group.ui-radiobutton > :nth-child(1):visible'
    content: 'Select dataset collection.'
    placement: bottom
    onnextclick:
      - '[tour_id="$TOUR_ID"] .btn-group.ui-radiobutton > :nth-child(1):visible'

▲ back to top

Tool parameterization panel -> Select multiple datasets

  - title: '<b>$TITLE</b>'
    element: '[tour_id="$TOUR_ID"] .btn-group.ui-radiobutton > :nth-child(2):visible'
    content: 'Select multiple datasets.'
    placement: bottom
    onnextclick:
      - '[tour_id="$TOUR_ID"] .btn-group.ui-radiobutton > :nth-child(2):visible'

▲ back to top

Tool parameterization panel -> Select dataset collection

  - title: '<b>$TITLE</b>'
    element: '[tour_id="$TOUR_ID"] .btn-group.ui-radiobutton > :nth-child(3):visible'
    content: 'Select dataset collection.'
    placement: bottom
    onnextclick:
      - '[tour_id="$TOUR_ID"] .btn-group.ui-radiobutton > :nth-child(3):visible'

Example:

  - title: '<b>Adapter clipping</b>'
    element: '[tour_id="library|input_2"] .btn-group.ui-radiobutton > :nth-child(3):visible'
    content: 'Select dataset collection.'
    placement: bottom
    onnextclick:
      - '[tour_id="library|input_2"] .btn-group.ui-radiobutton > :nth-child(3):visible'

▲ back to top

Tool parameterization panel -> Select Yes/No option -> Yes

  - title: '<b>$TITLE</b>'
    element: '[tour_id="$TOUR_ID"] .btn-group.ui-radiobutton > :nth-child($ONE_OR_TWO):visible'
    placement: top
    content: 'Select <b>$ONE_OR_TWO</b>.'
    onnextclick:
      - '[tour_id="$TOUR_ID"] .btn-group.ui-radiobutton > :nth-child($ONE_OR_TWO):visible'

Example:

  - title: '<b>Quality control</b>'
    element: '[tour_id="params|report"] .btn-group.ui-radiobutton > :nth-child(1):visible'
    placement: top
    content: 'Select <b>Yes</b> to generate a report.'
    onnextclick:
      - '[tour_id="params|report"] .btn-group.ui-radiobutton > :nth-child(1):visible'

▲ back to top

Tool parameterization panel -> Select list option -> $X

  - title: '<b>$TITLE</b>'
    element: '[tour_id="$TOUR_ID"] .ui-options:visible'
    content: 'Select option.'
    placement: top
    onnextclick:
      - '[tour_id="$TOUR_ID"] .ui-options .ui-options-list > :nth-child($X) input' # must not check for visibility

Example:

  - title: '<b>Quality control</b>'
    element: '[tour_id="trimming_treatments|quality_trimming_treatments|type_quality_trimming_treatments"] .ui-options:visible'
    content: 'Select the sliding window approach to use the <b>Mean</b>
calculation.'
    placement: top
    onnextclick:
      - '[tour_id="trimming_treatments|quality_trimming_treatments|type_quality_trimming_treatments"] .ui-options .ui-options-list > :nth-child(2) input' # must not check for visibility

▲ back to top

Text input

▲ back to top

Data upload modal -> Paste/fetch data -> $X

  - title: '<b>$TITLE</b>'
    element: .upload-text-content
    content: 'Enter "$X"'
    placement: bottom
    textinsert: X

▲ back to top

Collection modal -> +Filter -> Using regular expression -> $X

  - title: <b>$TITLE</b>
    element: '.rule-regular-expression:visible'
    content: 'Enter: "$X"'
    placement: right
    textinsert: '$X'

▲ back to top