navigation.yml

# top_level: {global: <components>, workflows: <components>, histories: <components>}
# components := {<subcomponent_name>: <components>} | <component>
# component := {selectors: <selectors_map>, labels: <labels_map>, ids: <id_map>}
# selectors_map := {<selector_name>: <selector>}
# selector := <str> | {type: <selector_type>, selector: <str>}
# selector_type := css|xpath|sizzle|id
# labels_map := {<label_name>: <label>}

_:  # global stuff

  selectors:
    center_panel: '#center'
    editable_text: '.editable-text'
    tooltip_balloon: '.tooltip'
    tooltip_inner: .tooltip-inner
    left_panel: '#left'
    left_panel_drag: '.flex-panel.left .drag-handle'
    left_panel_collapse: '.collapse-button.left'
    right_panel_drag: '.flex-panel.right .drag-handle'
    right_panel_collapse: '.collapse-button.right'
    by_attribute: '${scope} [${name}="${value}"]'
    active_nav_item: '.nav-item-active'
    toolbox_panel: '#toolbox-panel'

    confirm_button:
      type: xpath
      selector: '//button[contains(text(), "${name}")]'

  messages:
    selectors:
      all: '[class*="alert"]'
      error: '.alert-danger'
      warning: '.alert-warning'
      done: '.alert-success'
      info: '.alert-info'
      donelarge: '.donemessagelarge'
      infolarge: '.infomessagelarge'
      require_login: 'a.require-login-link'

masthead:

  selectors:
    _: '#masthead'

    help: '#help'
    home: '#analysis'
    login: '#user'
    logout: '.dropdown-menu > li > a > .fa-sign-out-alt'
    logged_in_only: '.loggedin-only'
    logged_out_only: '.loggedout-only'
    preferences: '.dropdown-menu > li > a > .fa-gear'
    login_masthead_button: '[data-description="login masthead button"]'
    register_masthead_button: '[data-description="register masthead button"]'
    storage_dashboard_link:
      selector: 'storage dashboard link'
      type: data-description
    user: '#user.loggedin-only > a.nav-link > .fa'
    username:
      type: xpath
      selector: '//a[contains(text(), "Signed in as")]'
    window_manager: '#enable-window-manager > .nav-link'
    workflow: '#workflow .nav-link'

preferences:
  selectors:
    activity: "#activity-settings"
    activity_expand: ".activity-panel-footer"
    sign_out: "#g-card-edit-preferences-sign-out"
    change_password: "#g-card-edit-preferences-password"
    manage_information: '#g-card-edit-preferences-information'
    toolbox_filters: '#g-card-edit-preferences-toolbox-filters'
    manage_api_key: '#g-card-edit-preferences-api-key'
    custom_builds: '#g-card-edit-preferences-custom-builds'
    current_email: "#user-preferences-current-email"
    get_new_key: '.create-button'
    api_key_input: '[data-test-id="api-key-input"]'
    object_store: '#select-preferred-object-store'
    delete_account: '#g-card-delete-account'
    delete_account_input: '#name-input'
    delete_account_ok_btn: '.modal-footer .btn-danger'
    email_input: "input[id='email']"
    username_input: "input[id='username']"
    preferred_storage: '#g-card-manage-preferred-object-store'
    manage_object_stores: '#g-card-manage-object-stores'
    manage_file_sources: '#g-card-manage-file-sources'

  object_store_selection:
    selectors:
      modal: '#modal-select-preferred-object-store'
      option_cards: '[id^="g-card-"][data-source-option-card-id]'
      option_card: '#g-card-${object_store_id}'
      option_card_select: '#g-card-action-select-${object_store_id}'
      confirm_button: '#modal-select-preferred-object-store .btn-primary'

object_store_instances:
  index:
    selectors:
      create_button: '#create-button-galaxy-storage'
      _: '#user-object-stores-index'

  create:
    selectors:
      select: '#g-card-action-select-${template_id}'
      _: '#create-object-store-landing'
      submit: '#submit:not([aria-disabled])'

file_source_instances:
  index:
    selectors:
      create_button: '#create-button-my-repositories'
      _: '#user-file-sources-index'

  create:
    selectors:
      select: '#g-card-action-select-${template_id}'
      _: '#create-file-source-landing'
      submit: '#submit:not([aria-disabled])'

toolbox_filters:
  selectors:
    input:
      type: xpath
      selector: "//span[contains(., '${description}')]/../div/div/label[@class='custom-control-label']"
    submit: '#submit:not([aria-disabled])'

change_user_email:
  selectors:
    submit: '#submit:not([aria-disabled])'

change_user_password:
  selectors:
    submit: '#submit:not([aria-disabled])'

change_user_address:
  selectors:
    address_button:
      type: xpath
      selector: '//span[contains(text(), "Insert Address")]'

sign_out:
  selectors:
    cancel_button: '.modal-footer .btn-outline-primary'
    sign_out_button: '.modal-footer .btn-danger'

dataset_details:
  selectors:
    _: 'table#dataset-details'
    tool_parameters: 'table#tool-parameters'
    transform_action: '[data-transform-action="${action}"]'
    deferred_source_uri: '.deferred-dataset-source-uri'

object_store_details:
  selectors:
    stored_by_name: '.display-os-by-name'
    badge_of_type: '.object-store-badge-wrapper [data-badge-type="${type}"]'
    usage_details: '.quota-usage-bar'
    usage_bytes: '.quota-usage'
    usage_percent: '.quota-percent-text'
    usage_progress: '.quota-usage-bar .progress'

dataset_view:
  selectors:
    _: .dataset-view
    edit_tab: ".nav-item[title='Edit dataset attributes and metadata'] > a.nav-link"
    details_tab: ".nav-item[title='View detailed information about this dataset'] > a.nav-link"
    visualize_tab: ".nav-item[title='Explore available visualizations for this dataset'] > a.nav-link"

history_panel:
  menu:
    labels:
      new: 'Create New'

  item:
    selectors:
      # These now appear other places :_( - e.g. in the invocation view so we'll try
      # prefixing ids with #current-history-panel but obviously we need to switch to classes or data
      _:
      - '#current-history-panel [data-hid="${hid}"][data-state="${state}"]'
      - '#current-history-panel #${history_content_type}-${id}'
      - '#current-history-panel [data-hid="${hid}"]'

      title: '${_} .content-title'
      hid: '${_} .hid'
      name: '${_} .name'
      datatype: '${_} .datatype .value'
      details: '${_} .details'
      title_button_area: '${_} .primary-actions'
      primary_action_buttons: '${_} .actions .left'
      secondary_action_buttons: '${_} .actions .right'
      summary: '${_} .summary'
      blurb: '${_} .blurb .value'
      dbkey: '${_} .dbkey .value'
      info: '${_} .info .value'
      peek: '${_} .dataset-peek'
      toolhelp_title: '${_} .toolhelp strong'
      state_icon: '${_} .state-icon'

      # Actions
      alltags: '${_} .stateless-tags .tag'
      delete_button: '${_} .delete-btn'
      display_button: '${_} .display-btn'
      download_button: '${_} .download-btn'
      rerun_button: '${_} .rerun-btn'

  # history content item
  content_item:
    selectors:
      # specific rows selectable with attributes via suffix
      _: '.history-index .content-item${suffix}'
      title: '${_} .content-title'
      details: '${_} .details'
      summary: '${_} .not-loading .summary'

      hid: '${_} .hid'
      name: '${_} .name'
      blurb: '${_} .not-loading .blurb .value'
      dbkey: '${_} .not-loading .dbkey .value'
      datatype: '${_} .not-loading .datatype .value'
      info: '${_} .not-loading .info .value'
      peek: '${_} .not-loading .dataset-peek'
      toolhelp_title: '${_} .toolhelp strong'

      # Title buttons...
      display_button: '${_} .display-btn'
      delete_button: '${_} .delete-btn'
      rerun_button: '${_} .rerun-btn'
      collection_job_details_button: '${_} .collection-job-details-btn'

      # Action buttons...
      download_button: '${_} .download-btn'
      info_button: '${_} .params-btn'
      highlight_button: '${_} .highlight-btn'
      alltags: '${_} .stateless-tags .tag'
      metadata_file_download: '${_} [data-description="download ${metadata_name}"]'

      dataset_operations: '${_} .dataset-actions'
      
      expiration_indicator_badge: '${_} .expiration-indicator .badge'

  # re-usable history editor, scoped for use in different layout scenarios (multi, etc.)
  editor:
    selectors:
      _: '${scope} [data-description="edit details"]'
      name: '${_} [data-description="name display"]'
      toggle: '${_} [data-description="editor toggle"]'
      form: '${_} [data-description="edit form"]'
      name_input: '${_} [data-description="name input"]'
      annotation_input: '${_} [data-description="annotation input"]'
      tags_input: '${_} .stateless-tags button'
      save_button: '${_} [data-description="editor save button"]'

  # history tags
  tag_editor:
    selectors:
      _: '${scope} .details .stateless-tags'
      toggle: '${_} .toggle-link'
      display: '${_} .tag span'
      input: '${_} input'
      tag_area: '${_} .interactive-tags'
      tag_close_btn: '${_} .tag-delete-button'
      show_more_button: '${_} .show-more-tags'

  multi_operations:
    selectors:
      show_button: '.show-history-content-selectors-btn'
      action_button: '.history-contents-list-action-menu-btn'
      action_menu: '.list-action-menu .dropdown-menu'

    labels:
      build_pair: "Build Dataset Pair"
      build_list: "Build Dataset List"
      build_list_pairs: "Build List of Dataset Pairs"
      build_from_rules: "Build Collection from Rules"

  collection_view:
    selectors:
      _: '.dataset-collection-panel'
      nav_menu: '[data-description="collection breadcrumbs menu"]'
      back_button: '[data-description="collection breadcrumbs menu"] :last'
      back: '.navigation .back'
      title: '.dataset-collection-panel .controls .title .editable-text'
      title_input: '.dataset-collection-panel .controls .title input'
      subtitle: '.dataset-collection-panel .controls .title .subtitle'
      elements_warning: '.dataset-collection-panel .controls .elements-warning'
      tag_area_button: '.details .stateless-tags .toggle-button'
      tag_area_input: '.details .stateless-tags .headless-multiselect input'
      list_items: '.dataset-collection-panel .listing-layout .content-item'
      back_to_history: svg[data-description="back to history"]

  object_store_selection:
    selectors:
      modal: '#modal-select-history-storage-location'
      option_cards: '[id^="g-card-"][data-source-option-card-id]'
      option_card: '#g-card-${object_store_id}'
      option_card_select: '#g-card-action-select-${object_store_id}'
      confirm_button: '#modal-select-history-storage-location .btn-primary'

  selectors:
    _: '#current-history-panel'
    search: '#current-history-panel input.search-query'
    refresh_button: '.history-refresh-button'
    name: '.history-title span:last-child'
    name_edit_input:
      selector: 'name input'
      type: data-description
    history_name_edit_label: '[data-description="name display"]'
    history_name_edit_input: '[data-description="name display"] #click-to-edit-input'
    contents: '.history-index .content-item'
    empty_message: '#empty-history-message'
    size: '.history-size'
    tag_area: '.details .stateless-tags'
    tag_area_button: '.details .stateless-tags .toggle-button'
    tag_area_input: '.details .stateless-tags .headless-multiselect input'
    tag_close_btn: '.tags-display .tag-delete-button'
    tags: '.tag span'

    annotation_icon: '.actions .history-annotate-btn'
    annotation_area: '.details .history-annotation'
    annotation_editable_text:
      selector: 'annotation value'
      type: data-description
    annotation_edit:
      selector: 'annotation input'
      type: data-description

    annotation_done: '.details .history-annotation .annotation button'

    options_button: '[data-description="history options"]'
    options_button_icon: '[data-description="history options"] button'
    options_menu: '.history-options-button-menu'
    options_menu_item:
      type: sizzle
      selector: '.history-options-button-menu > a:contains("${option_label}")'
    options_show_export_history_to_file: 'a[data-description="export to file"]'

    collection_menu_button: '.collection-menu'
    collection_menu_edit_attributes: '.edit-btn'

    new_history_button: '[data-description="create new history"]'
    histories_operation_menu: '[data-description="history options"]'
    multi_view_button: '[data-description="switch to multi history view"]'

    pagination_pages: '.list-pagination .pages'
    pagination_pages_options: '.list-pagination .pages option'
    pagination_pages_selected_option: '.list-pagination .pages option:checked'
    pagination_next: '.list-pagination button.next'
    pagination_previous: '.list-pagination button.prev'

    storage_overview: '.history-storage-overview-button'
    storage_location_button: '.storage-location-indicator button'

  text:
    tooltip_name: 'Rename history...'
    new_name: 'Unnamed history'

history_storage:
  selectors:
    _: '.history-storage-overview'
    top_datasets_by_size: "[data-description='chart history top datasets by size']"
    dataset_by_size: "[data-description='chart history top datasets by size'] rect[data-label='${name}']"
    dataset_by_size_delete: '#g-card-action-delete-selected-item-actions-dataset'
    confirm_delete: '.confirm-delete-dataset-dialog .btn-danger'

storage_dashboard:
  selectors:
    free_space_link: '[data-description="free space card"] button'
    explore_usage_link: '[data-description="explore usage card"] button'

edit_dataset_attributes:
  selectors:
    _: '[aria-labelledby="dataset-attributes-heading"]'
    name_input: '[aria-labelledby="dataset-attributes-heading"] input#name'
    info_input: '[aria-labelledby="dataset-attributes-heading"] textarea#info'
    annotation_input: '[aria-labelledby="dataset-attributes-heading"] textarea#annotation'
    datatypes_tab: '.dataset-edit-datatype-tab'
    datatype_dropdown: ' #datatype .multiselect'
    dbkey_dropdown: '#dbkey .multiselect'
    save_button: '#dataset-attributes-default-save'
    auto_detect_datatype_button: '#dataset-attributes-autodetect-datatype'
    alert: '.dataset-attributes-alert'

  dbkey_dropdown_results:
    selectors:
      _:  '#select2-drop  > .select2-results'
      dbkey_dropdown_option:
        type: xpath
        selector: '//li[normalize-space() = "${dbkey_text}"]'

edit_collection_attributes:
  selectors:
    alert_info: 'div.alert-info'
    database_genome_tab: '.collection-edit-change-genome-nav'
    datatypes_tab: '.collection-edit-change-datatype-nav'
    data_value:
      type: xpath
      selector: '//span[contains(text(), "${data_change}")]'
    genome_select_search: '.database-dropdown input.multiselect__input'
    datatype_select_search: '.datatype-dropdown input.multiselect__input'
    save_dbkey_btn: '.save-dbkey-edit'
    save_datatype_btn: '.save-datatype-edit'

tool_panel:
  selectors:
    edam_link: 'a[href^="https://edamontology.github.io/edam-browser"]'
    tool_box: '[data-description="panel toolbox"]'
    tool_link: 'a[href$$="tool_runner?tool_id=${tool_id}"]'
    outer_tool_link: '.toolTitle a[href$$="tool_runner?tool_id=${tool_id}"]'
    data_source_tool_link: 'a[href$$="tool_runner/data_source_redirect?tool_id=${tool_id}"]'
    search: '.search-query'
    toolbox: '[data-description="panel toolbox"]'
    workflow_names: '#internal-workflows .toolTitle'
    views_button: '.tool-panel-dropdown'
    views_menu_item: '[data-panel-id="${panel_id}"]'
    panel_labels: '.tool-panel-label'
    discover_tools_link: '[data-description="toolbox discover tools"]'

tools_list:
  selectors:
    _: '.tools-list'
    search_input: '.tools-list [data-description="filter text input"]'
    tool_card: '#g-card-content-${tool_id}'
    version_button: '#tools-list-${tool_id}'
    favorite_tool_button: '#g-card-action-favorite-tool-${tool_id}'
    toggle_help: '#g-card-description-${tool_id} .g-link.g-unselectable'
    tool_help: '#g-card-content-${tool_id} [data-description="tools list tool help"]'
    open_tool_button: '#g-card-action-open-tool-${tool_id}'

multi_history_panel:
  selectors:
    _: '.multi-history-panel .content-item${suffix}'
    item: '.multi-history-panel #${history_content_type}-${id}'
    histories: '.multi-history-panel .history-layout'
    current_label: '.details .name'
    switch_history: '.switch-to'
    current_history_check: '#history-column-${history_id} .details .name'
    empty_message_check: '#empty-history-message'
    switch_button: '#history-column-${history_id} .switch-to'
  history_dropdown_menu:
    selectors:
      _: '[history-dropdown-menu="${history_id}"]'
      delete:  '[history-dropdown-menu="${history_id}"] > .delete-history'
      purge:  '[history-dropdown-menu="${history_id}"] > .purge-history'
  copy_history_modal:
    selectors:
      _: '.modal-dialog'
      copy_btn:
        type: xpath
        selector: '//button[contains(text(), "Copy")]'

published_histories:
  selectors:
    history_cards: '.history-card-list .g-card'
    advanced_search_name_input: '#history-list-filter-advanced-filter-name'
    advanced_search_tag_area: '#history-list-filter-advanced-filter-tag .stateless-tags button'
    advanced_search_tag_input: '#history-list-filter-advanced-filter-tag .stateless-tags input'
    advanced_search_toggle: '#history-list [data-description="toggle advanced search"]'
    search_input: '#history-list input.search-query[data-description="filter text input"]'
    tab: '#histories-published-tab'

shared_histories:
  selectors:
    shared_list: '.history-card-list'
    history_cards: '.history-card-list .g-card'
    shared_tab: '#histories-shared-tab'

history_copy_elements:
  selectors:
    # Following two don't really work as CSS would only work as jQuery/sizzle I think
    # since the page is dynamically generated.
    # https://stackoverflow.com/questions/10645552/is-it-possible-to-use-an-input-value-attribute-as-a-css-selector
    dataset_checkbox: "input[id='dataset|${id}']"
    collection_checkbox: 'input[id="dataset_collection|${id}"]'
    new_history_name: '#new_history_name'
    copy_button: "input[type='submit']"
    done_link: '.donemessage a'

collection_builders:
  selectors:
    clear_filters: "button.clear-filters-link"
    forward_datasets: ".forward-column .column-datasets"
    reverse_datasets: ".reverse-column .column-datasets"
    name: "input.collection-name"

  modals:
    selectors:
      create: "button.create-collection"

  list_wizard:
    selectors:
      create: ".wizard-actions .btn-primary"
      which_builder: '[data-which-builder="${builder}"]'
      wizard_next_button: '.wizard-actions .go-next-btn'
      auto_pairing: '[data-description="auto pairing"]'
      dismiss_unmatched: '[data-description="dismiss unmatched datasets"]'
      cell: '[aria-rowindex="${row_index}"] [col-id="${column_identifier}"]'
      cell_input: '[aria-rowindex="${row_index}"] [col-id="${column_identifier}"] input'
    row:
      selectors:
        _: '[row-index="${index}"]'
        link_button: '${_} .paired-action-icon.fa-link'
        unlink_button: '${_} .paired-action-icon.fa-unlink'

histories:
  selectors:
    activity: '#activity-histories'
    advanced_search_toggle: '#history-list [data-description="toggle advanced search"]'
    advanced_search_name_input: '#history-list-filter-advanced-filter-name'
    advanced_search_tag_area: '#history-list-filter-advanced-filter-tag .stateless-tags button'
    advanced_search_tag_input: '#history-list-filter-advanced-filter-tag .stateless-tags input'
    history_cards: '.history-card-list .g-card'
    history_card_title: '[id^="g-card-title-link-history-"]'
    history_card_select: 'input[id^="g-card-select-history-"]'
    import_button: '[data-description="header action import new history"]'
    reset_input: '#history-list-filter [data-description="reset query"]'
    search_input: '#history-list-filter input.search-query[data-description="filter text input"]'
    delete_history_confirm: '#delete-history .btn.btn-danger'
    bulk_delete_button: 'button[id="history-list-footer-bulk-delete-button"]'
    bulk_delete_confirm: '#bulk-delete-histories .btn.btn-danger'
    bulk_restore_button: 'button[id="history-list-footer-bulk-restore-button"]'
    bulk_restore_confirm: '#bulk-restore-histories .btn.btn-primary'
  sharing:
    selectors:
      unshare_user_button: '.share_with_view .multiselect__tag-icon'
      unshare_with_user_button: '.share_with_view [data-email="${email}"] .multiselect__tag-icon'
      user_email_input: '.user-email-input-form'
      submit_sharing_with: '.submit-sharing-with'
      share_with_multiselect: '.share_with_view > .multiselect'
      share_with_input: '.share_with_view input'
      make_accessible: '.make-accessible label'
      make_publishable: '.make-publishable label'
    labels:
      unshare: 'Unshare'

files_dialog:
  selectors:
    ftp_label: 'a[title="label-gxftp://"]'
    ftp_details: 'span[title="details-gxftp://"]'
    row: 'span[title="label-${uri}"]'
    back_btn: '#back-btn'

history_export:
  selectors:
    export_link: '.export-link'
    running: '.history-export-component .loading-icon'
    generated_export_link: '.generated-export-link'
    copy_export_link: '.copy-export-link'
    show_job_link: '.show-job-link'
    job_table: '.info_data_table'
    job_table_ok: '.job-information-modal .btn-primary'
    tab_export_to_file: '.tab-export-to-file'
    directory_input: '.directory-form-input'
    name_input: '.export-to-remote-file #name'
    export_button: '.export-button'
    success_message: '.history-export-component .alert-success'

history_export_tasks:
  selectors:
    history_export_wizard: '.history-export-wizard'
    next_button: '.go-next-btn'
    back_button: '.go-back-btn'
    export_button: '.go-next-btn.btn-primary'
    select_format: '[data-history-export-format="${format}"]'
    select_destination: '[data-history-export-destination="${destination}"]'
    exported_file_name: '#exported-file-name'

last_export_record:
  selectors:
    details: '.export-record-details'
    export_format: '.record-archive-format'
    up_to_date_icon: '.record-up-to-date-icon'
    outdated_icon: '.record-outdated-icon'
    preparing_export_badge: '#g-card-badge-in-progress-latest-export-record'
    download_ready_badge: '#g-card-badge-ready-to-download-latest-export-record'
    expiration_warning_badge: '#g-card-badge-expires-soon-latest-export-record'
    download_btn: '#g-card-action-download-latest-export-record'
    reimport_btn: '#g-card-action-reimport-latest-export-record'

history_import:
  selectors:
    radio_button_remote_files: '.history-import-component .fa-folder-open'
    open_files_dialog: '.history-import-component .directory-form-input'
    import_button: '.import-button'
    running: '.history-import-component .loading-icon'
    success_message: '.history-import-component .alert-success'

pages:
  selectors:
    activity: '#activity-pages'
    create: '#page-create:not([aria-disabled])'
    export: '.markdown-pdf-export'
    slug_input: '#page-slug'
    submit: '#page-submit'
    title_input: '#page-title'

  editor:
    selectors:
      save: '#save-button'
      embed_dataset: '.toolTitle .title-link[data-tool-id="history_dataset_embedded"]'
      embed_workflow_display: '.toolTitle .title-link[data-tool-id="workflow_display"]'
      history_link: '.toolTitle .title-link[data-tool-id="history_link"]'
      dataset_selector:
        type: xpath
        selector: '//span[text() = "1: 1.fasta"]'
      workflow_selection: .selection-dialog-modal [role="row"][data-pk="${id}"]
      history_selection: .selection-dialog-modal [role="row"][data-pk="${id}"]
      embed_dialog_add_button: '.pages-embed .buttons #button-0'
      markdown_editor: '.markdown-textarea'

  view:
    selectors:
      history_link: '[data-description="history import link"][data-history-id="${history_id}"]'

login:
  selectors:
    form: 'form#login'
    submit:
      type: xpath
      selector: "//button[@name='login']"

registration:
  selectors:
    toggle: '#register-toggle'
    form: 'form#registration'
    submit:
      type: xpath
      selector: "//button[@name='create']"

tool_form:
  selectors:
    tool_version: '[data-description="galaxy tool version"]'
    options: '.tool-dropdown'
    execute: 'button#execute'
    parameter_div: 'div.ui-form-element[id="form-element-${parameter}"]'
    parameter_error: 'div.ui-form-element[id="form-element-${parameter}"] .ui-form-error-text'
    parameter_checkbox: 'div.ui-form-element[id="form-element-${parameter}"] .ui-switch'
    parameter_select: 'div.ui-form-element[id="form-element-${parameter}"] .multiselect'
    parameter_input: 'div.ui-form-element[id="form-element-${parameter}"] .ui-input'
    parameter_textarea: 'div.ui-form-element[id="form-element-${parameter}"] textarea'
    parameter_data_input_single: 'div.ui-form-element[id="form-element-${parameter}"] button[title="Single dataset"]'
    parameter_data_input_collection: 'div.ui-form-element[id="form-element-${parameter}"] button[title="Dataset collection"]'
    parameter_data_label: 'div.ui-form-element[id="form-element-${parameter}"] [data-description="form data label"]'
    parameter_data_select: 'div.ui-form-element[id="form-element-${parameter}"] .multiselect'

    repeat_insert: '[data-description="repeat insert"]'
    repeat_move_up: '#${parameter}_up'
    repeat_move_down: '#${parameter}_down'
    reference: '.formatted-reference'
    about: '.tool-footer'
    storage_options: '.tool-storage'
    drilldown_select_all: 'div.ui-form-element[id="form-element-${parameter}"] div.select-all-checkbox'
    drilldown_option: '.drilldown-option'
    drilldown_expand: '.fa-caret-down'
    tool_version_button: ".tool-versions"

  labels:
    generate_tour: 'Generate Tour'

workflows:
  selectors:
    activity: '#activity-workflows'
    shared_with_me_tab: '#shared-with-me'
    published_tab: '#published a'
    new_button: '#workflow-create'
    import_button: '#workflow-import'
    save_button: '#workflow-save-button'
    search_box: '.workflows-list input.search-query[data-description="filter text input"]'
    clear_filter: '.workflows-list [data-description="reset query"]'
    advanced_search_toggle: '.workflows-list [data-description="toggle advanced search"]'
    advanced_search_name_input: '#workflows-advanced-filter-name'
    advanced_search_tag_input: '#workflows-advanced-filter-tag .stateless-tags'
    workflows_list: '#workflows-list'
    workflows_list_empty: '#workflow-list-empty'
    workflow_not_found_message: '#no-workflow-found'
    workflow_card: '.g-card.workflow-card'
    workflow_card_title: '[id^="g-card-title-"] a'
    workflow_card_button: '[id^="g-card-action-"] button[title="${title}"]'
    workflow_copy_steps: '[id^="g-card-action-workflow-copy-steps-"]'
    workflow_insert_sub_workflow: '[id^="g-card-action-workflow-insert-sub-workflow-"]'
    workflow_cards: '#workflow-cards'
    external_link: '[id^="g-card-indicator-workflow-source-url-"]'
    trs_icon: '[id^="g-card-indicator-workflow-source-trs-"]'
    dropdown: '[id="g-card-extra-actions-${id}"]'
    share_button: '[id^="g-card-action-workflow-share-"]'
    download_button: '[id^="g-card-action-workflow-download-"]'
    run_button: '[id^="g-card-action-workflow-run-"]'
    edit_button: '[id^="g-card-action-workflow-edit-"]'
    rename_input: '#workflow-name-input'
    workflow_drop_down: '[id^="g-card-extra-actions-"]'
    delete_button: '[id^="g-card-action-workflow-delete-"]'
    view_button: '[id^="g-card-title-link-"]'
    workflow_preview_container: '.workflow-card-preview-modal .workflow-published .published-workflow'
    workflow_preview_information: '.workflow-information'
    view_external_link: "[id^='g-card-action-workflow-view-external-link-']"
    bookmark_link: '[id^="g-card-bookmark-${action}-"]'
    import_file: '.workflow-import-file'
    import_trs_search: '.workflow-import-trs-search'
    import_trs_id: '.workflow-import-trs-id'
    import_file_link: '.workflow-import-file-link'
    import_trs_search_link: '.workflow-import-trs-search-link'
    import_trs_id_link: '.workflow-import-trs-id-link'

    workflow_with_name:
      type: xpath
      selector: '//span[@class="workflow-dropdown-name" and text() = "${workflow_name}"]'
  create:
    selectors:
      name: '#workflow_name'
      annotation: '#workflow_annotation'
      submit: '#submit:not([aria-disabled])'

visualization:
  selectors:
    activity: '#activity-visualizations'
    matched_plugin: '#center [data-plugin-name*="${id}"]'
    show_all_button: '[data-description="visualizations show list"]'

igv:
  selectors:
    _: ".igv-container"
    shadow_host: '#app .grid .overflow-hidden .overflow-auto div'
    current_genome: '.igv-current-genome'
    settings_button: button.n-button
    save_button: '[data-description="sidepanel save button"]'
    name_input: '.n-input__input input'

trs_search:
  selectors:
    search: "#trs-search-query"
    search_result:
      type: xpath
      selector: "//td[contains(., '${workflow_name}')]"
    import_button: ".workflow-import"
    select_server_button: "#dropdownTrsServer"
    import_version: '[data-version-name*="${version}"]'
    select_server:
      type: xpath
      selector: "//a[contains(@class, 'dropdown-item') and normalize-space(text()) = '${server}']"

trs_import:
  selectors:
    input: "#trs-id-input"
    # *= means attribute value contains "${version}"
    # needed because dockstore uses branch or git tag, while workflowhub
    # concatenates name and version
    import_version: '[data-version-name*="${version}"]'
    select_server_button: "#dropdownTrsServer"
    select_server:
      type: xpath
      selector: "//a[contains(@class, 'dropdown-item') and normalize-space(text()) = '${server}']"
    url_input: "#trs-import-url-input"
    url_import_button: "#trs-url-import-button"

# not meant as a stand-alone component - just using for the anchor
upload_mixin:
  selectors: &upload_mixin
    create_button: '${_} #btn-new'
    paste_option: '${_} #upload-row-${n} .upload-source .dropdown-menu .dropdown-item .fa-edit'
    paste_content: '${_} #upload-row-${n} .upload-text-content'
    title: '${_} #upload-row-${n} .upload-title'
    row: '${_} #upload-row-${n}'
    embedded_start_button: '${_} #btn-start'
    use_button: '${_} #btn-emit'
    use_button_disabled: '${_} #btn-emit.g-disabled'

workflow_run:
  input:
    selectors:
      _: '[data-label="${label}"]'
      upload: '${_} [data-description="upload"]'
      collection_tab_build_link: '${_} [data-description="collection create tab build"]'
      collection_tab_upload_link: '${_} [data-description="collection create tab upload"]'
      # data inputs
      <<: *upload_mixin

    collection_builder:
      selectors:
        _: '[data-label="${label}"] .tabs'
        create: '${_} .create-collection'
        select_all: "${_} [data-description='select many select all']"
        element_by_hid: "${_} [data-description='list dataset collection element'][data-hid='${hid}'] [data-description='dataset hid']"
        <<: *upload_mixin

    sample_sheet:
      selectors:
        _: '.sample-sheet-collection-creator'
        data_import_source_from: '[data-import-source-from="${source}"]'
        paste_table_textarea: '.paste-data textarea'
        wizard_next_button: '.wizard-actions .go-next-btn'
        grid_cell: '[row-index="${row_index}"] .ag-cell-value[col-id="${column_name}"]'
        grid_cell_input: '[row-index="${row_index}"] .ag-cell-value[col-id="${column_name}"] input'
        collection_created_message: '[data-description="collection created"]'
        select_picker: '.ag-picker-field-icon'
        select_popup:
          type: xpath
          selector: '//div[contains(@class, "ag-popup-child")]'
        select_listitem:
          type: xpath
          selector: '//div[contains(@class, "ag-popup-child")]//div[contains(@class, "ag-list-item")]'
        select_item:
          type: xpath
          selector: '//div[contains(@class, "ag-popup-child")]//div[contains(@class, "ag-list-item")]//span[contains(text(), "${item}")]'
        select_collection: '[data-description="selection collection card"]'
        collection_selection: .selection-dialog-modal [role="row"][data-pk="${id}"]

  form_element:
    selectors:
      _: 'div.workflow-run-element[id="form-element-${index}"]'
      select: '${_} .multiselect'
      select_value: '${_} .multiselect__single'
      changed_value_badge: '${_} .form-input-changed-input-badge'

  selectors:
    warning: '[data-description="workflow run warning"]'
    run_error: '[data-description="workflow run error"]'
    input_div: "[step-label='${label}']"
    input_data_div: "[step-label='${label}'] .multiselect"
    # TODO: put step labels in the DOM ideally
    subworkflow_step_icon: ".portlet-title-icon.fa-sitemap"
    run_workflow: "#run-workflow"
    run_workflow_disabled: "#run-workflow.g-disabled"
    validation_error: ".validation-error"
    expand_form_link: '.workflow-expand-form-link'
    expanded_form: '.workflow-expanded-form'
    new_history_badge: '[data-description="new history badge"]'
    history_target_link: '[data-description="switch to history link"]'
    runtime_setting_button: '.workflow-run-settings'
    runtime_setting_target: '.workflow-run-settings-target'
    simplified_input:
      type: xpath
      selector: //div[@data-label="${label}"]//input
    input_select_field:
      type: xpath
      selector: '//div[@data-label="${label}"]//div[contains(@class, "multiselect")]'
    primary_storage_indciator: '.workflow-storage-indicator-primary'
    intermediate_storage_indciator: '.workflow-storage-indicator-intermediate'

workflow_editor:
  node:
    selectors:
      _: "[node-label='${label}']"
      by_id: "#wf-node-step-${id}"
      title: '${_} .node-title'
      destroy: '${_} .node-destroy'
      clone: '${_} .node-clone'
      output_data_row:
        type: xpath
        selector: '//div[@data-output-name="${output_name}"]//span[contains(text(), "(${extension})")]'
      output_terminal: "${_} [output-name='${name}']"
      input_terminal: "${_} [input-name='${name}']"
      input_mapping_icon: "${_} [input-name='${name}'].mapped-over"
      connector_destroy_callout: "${_} [input-name='${name}'] + .delete-terminal-button"
      workflow_output_toggle: "${_} [data-output-name='${name}'] .callout-terminal "
      workflow_output_toggle_active: "${_} [data-output-name='${name}'] .mark-terminal-active"
  changes:
    selectors:
      action_insert_data_input: ".action[data-type='step-insert'][data-step-type='data_input']"
      action_insert_data_collection_input: ".action[data-type='step-insert'][data-step-type='data_collection_input']"
      action_insert_parameter: ".action[data-type='step-insert'][data-step-type='parameter_input']"
      action_set_license: ".action[data-type='set-license']"
      action_set_annotation: ".action[data-type='set-annotation']"

  tool_bar:
    selectors:
      _: ".workflow-editor-toolbar"
      tool: "[data-tool='${tool}']"
      tool_active: ".active[data-tool='${tool}']"
      snapping_distance: "[data-option='snapping-distance']"
      toggle_bold: "[data-option='toggle-bold']"
      toggle_italic: "[data-option='toggle-italic']"
      color: ".color-selector [data-color='${color}']"
      font_size: "[data-option='font-size']"
      line_thickness: "[data-option='line-thickness']"
      smoothing: "[data-option='smoothing']"
      remove_freehand: "[data-option='remove-freehand']"
      select_mode_add: "[data-option='select-mode-add']"
      select_mode_remove: "[data-option='select-mode-remove']"
      selection_count: ".selection-options > span"
      clear_selection: "[title='clear selection']"
      duplicate_selection: "[title='duplicate selected']"
      delete_selection: "[title='delete selected']"
      auto_layout: "#auto-layout-button"
      attributes: "#activity-workflow-editor-attributes"
      changes: "#activity-workflow-undo-redo"
      upgrade_all: "#activity-workflow-upgrade"
      best_practices: "#activity-workflow-best-practices"

  best_practices:
    selectors:
      section_input_metadata: '[data-description="linting input metadata"]'
      item_input_metadata: '[data-description="linting input metadata"] [data-item-index="${index}"]'

  comment:
    selectors:
      _: ".workflow-editor-comment"
      text_comment: ".text-workflow-comment"
      text_inner: ".text-workflow-comment span"
      markdown_comment: ".markdown-workflow-comment"
      markdown_rendered: ".markdown-workflow-comment .rendered-markdown"
      frame_comment: ".frame-workflow-comment"
      frame_title: ".frame-workflow-comment .frame-comment-header"
      freehand_comment: ".freehand-workflow-comment"
      freehand_path: ".freehand-workflow-comment path"
      delete: "button[title='Delete comment']"
  inputs:
    selectors:
      activity_button: "#activity-workflow-editor-inputs"
      activity_panel: ".activity-panel[data-description='Inputs']"
      input: ".workflow-input-button[data-id='${id}']"
  selectors:
    node_inspector: '.tool-inspector'
    node_inspector_close: ".tool-inspector [title='close']"
    canvas_body: '#workflow-canvas'
    edit_annotation: '#workflow-annotation'
    edit_name: '#workflow-name'
    license_selector: '[data-description="license select"]'
    license_current_value: '[data-description="license select"] .multiselect__single'
    license_selector_input: '[data-description="license select"] input.multiselect__input'
    license_selector_option: '[data-description="license select"] .multiselect__element'
    license_save:
      selector: 'license save'
      type: data-description
    tool_menu: '.toolMenuContainer'
    tool_menu_section_link: '.tool-menu-section-${section_name} a span'
    tool_menu_item_link: 'a.tool-menu-item-${item_name}'
    workflow_link:
      type: xpath
      selector: '//a[contains(., "${workflow_title}")]'
    insert_steps:
      type: xpath
      selector: >
        //a/span[text()='${workflow_title}']/following-sibling::span[@title='Insert individual steps.']
    connect_icon: 'div.ui-form-element[id="form-element-${name}"] [data-connected]'
    collapse_icon: 'div.ui-form-element[id="form-element-${name}"] [data-collapsible]'
    edit_subworkflow: 'button[title="Edit this Subworkflow. You will need to upgrade this Workflow Step afterwards."]'
    node_title:
      type: xpath
      selector: '//span[@class="node-title" and text()="${title}"]'
    label_input:
      type: xpath
      selector: >
        //div[@id='form-element-__label']//input
    annotation_input:
      type: xpath
      selector: >
        //div[@id='form-element-__annotation']//textarea
    collection_type_input:
      type: xpath
      selector: >
        //div[@id='form-element-collection_type']//input
    step_when:
      type: xpath
      selector: >
       //div[@id='form-element-__conditional']//input
    param_type_form: '#parameter_definition\|parameter_type'
    configure_output:
      type: xpath
      selector: >
        //b[text()="Configure Output: '${output}'"]
    label_output:
      type: xpath
      selector: >
        //div[@id='form-element-__label__${output}']//input
    duplicate_label_error:
      type: xpath
      selector: >
        //div[@id='form-element-__label__${output}']//span[contains(text(), 'Duplicate output label')]
    rename_output:
      type: xpath
      selector: >
        //div[@data-label='Rename dataset']//input
    change_datatype:
      type: xpath
      selector: >
        //div[@data-label='Change datatype']//div[contains(@class, 'multiselect')]
    select_datatype_text_search: "div[data-label='Change datatype'] .multiselect__input"
    select_datatype:
      type: xpath
      selector: >
        //li[@class="multiselect__element"]//span[text()="${datatype}"]
    add_tags_button:
      type: xpath
      selector: >
        //div[@data-label='Add Tags']//button
    add_tags_input:
      type: xpath
      selector: >
        //div[@data-label='Add Tags']//input
    remove_tags_button:
      type: xpath
      selector: >
        //div[@data-label='Remove Tags']//button
    remove_tags_input:
      type: xpath
      selector: >
        //div[@data-label='Remove Tags']//input
    tool_version_button: ".tool-versions"
    connector_for: "#connection-${sink_id}-${source_id}"
    connector_invalid_for: "#connection-${sink_id}-${source_id} .connection.invalid"
    save_button: '#workflow-save-button'
    save_workflow_confirmation_button: '#save-workflow-confirmation .btn-primary'
    state_modal_body: '.state-upgrade-modal'
    modal_button_continue: '.modal-footer .btn'
    workflow_activity: '#activity-workflow-editor-workflows'
    save_as_activity: "#activity-save-workflow-as"
    column_definitions: '[data-description="edit column definitions"]'
    add_column_definition: '[data-description="edit column definitions add"]'
    column_definition_name_by_index: '#form-element-column_definition_${index}_name input'
    column_definition_description_by_index: '#form-element-column_definition_${index}_description textarea'
    column_definition_type_by_index: '#form-element-column_definition_${index}_type .multiselect'
    column_definition_optional_by_index: 'input#column_definition_${index}_optional'
    column_definition_default_value_by_index: '#form-element-column_definition_${index}_default_value input'

workflow_show:
  selectors:
    _: '.published-workflow'
    title: '[data-description="workflow name"]'
    import_link: '[data-description="workflow import"]'

invocations:
  selectors:
    activity: "#activity-invocation"
    activity_expand: ".activity-panel-footer"
    invocations_table: '#invocations-grid .grid-table'
    invocations_table_rows: '#invocations-grid .grid-table [data-description="grid item"]'
    invocations_panel_list: '[data-description="Workflow Invocations"] .scroll-list'
    invocations_panel_list_items: '[data-description="Workflow Invocations"] .scroll-list .g-card[id^="g-card-invocation-"]'
    pager: '[data-description="grid pager"]'
    pager_page: '[data-description="grid pager"] .gx-grid-pager-page [aria-posinset=${page}]'
    pager_page_next: '[data-description="grid pager"] .gx-grid-pager-next button'
    pager_page_last: '[data-description="grid pager"] .gx-grid-pager-last button'
    pager_page_first: '[data-description="grid pager"] .gx-grid-pager-first button'
    pager_page_previous: '[data-description="grid pager"] .gx-grid-pager-prev button'
    pager_page_active: '[data-description="grid pager"] .gx-grid-pager-page.active button'
    state_details: '[data-description="workflow invocation state"]'
    progress_steps_note: '[data-description="workflow invocation state"] .steps-progress .progress-note'
    progress_jobs_note: '[data-description="workflow invocation state"] .jobs-progress .progress-note'
    workflow_rerun_button: '[data-button-rerun][data-title="Rerun Workflow with same inputs"]'
    change_history_rerun_confirm: '#change-history-rerun-workflow .btn-primary'
    invocation_tab: '.nav-item[title="${label}"] > a.nav-link'
    invocation_details_tab:
      type: xpath
      selector: '//a[text()="${label}"]'
    input_details_title: '[data-label="${label}"]'
    input_details_name: '[data-label="${label}"] .name'
    step_title: '[data-step="${order_index}"] .step-title'
    step_details: '[data-step="${order_index}"] .portlet-operations'
    step_outputs_tab_link: '.invocation-step-outputs-tab > a.nav-link'
    step_output_collection: '[data-step="${order_index}"] .invocation-step-output-collection-details'
    step_output_collection_toggle: '[data-step="${order_index}"] .invocation-step-output-collection-details .content-title'
    step_output_collection_element_identifier:
      type: xpath
      selector: '//span[contains(@class, "content-title name")][text()="${element_identifier}"]'
    step_output_collection_element_datatype: '[data-step="${order_index}"] .invocation-step-output-collection-details .not-loading .datatype .value'
    step_job_details: '[data-step="${order_index}"] .invocation-step-job-details'
    step_job_details_state_counter: '[data-description="invocation step state counter"][data-step-state="${state}"]'
    step_job_information: '[data-step="${order_index}"] .invocation-step-job-details .info_data_table'
    step_job_information_tool_id: '[data-step="${order_index}"] .invocation-step-job-details .info_data_table #galaxy-tool-id'
    export_tab: '.invocation-export-tab'
    export_tab_disabled: '.invocation-export-tab .nav-link[aria-disabled="true"]'
    export_output_format: '[data-invocation-export-type="${type}"] .card-body'
    export_destination: '[data-invocation-export-destination="${destination}"] .card-body'
    wizard_next_button: '.wizard-actions .go-next-btn'
    wizard_export_button: '.wizard-actions .go-next-btn.btn-primary'
    export_download_link: '.download-link'

tour:
  popover:
    selectors:
      _: '.tour-element'
      title: '${_} .tour-title'
      content: '${_} .tour-content'
      next: '${_} .tour-next'
      end: '${_} .tour-end'

tools:
  selectors:
    activity: '#activity-tools'
    tools_activity_workflow_editor: '#activity-workflow-editor-tools'
    workflows_activity: '#activity-workflow-editor-workflows'
    body: '#center #tool-card-body'
    execute: '#execute'
    help: 'div.form-help'
    search: '#toolbox-panel .search-query'
    clear_search: '#toolbox-panel .search-clear'
    title: '.toolSectionTitle'

custom_tools:
  selectors:
    activity: '#activity-user-defined-tools'
    create_button:
      selector: 'create new custom tool'
      type: data-description
    save_button:
      selector: 'save custom tool'
      type: data-description
    tool_link: "#g-card-custom-tool-${tool_uuid}"

admin:
  allowlist:
    selectors:
      toolshed:
        type: xpath
        selector: '//a[contains(text(), "Toolshed Tools")]'
      local:
        type: xpath
        selector: '//a[contains(text(), "Local Tools")]'
      sanitized:
        type: xpath
        selector: '//a[contains(text(), "HTML Sanitized")]'
      rendered_active:
        type: xpath
        selector: '//div[contains(@class, "active")]//a[contains(text(), "HTML Rendered")]'

  manage_dependencies:
    selectors:
      dependencies: 'a[contains(text(), "Dependencies")]'
      containers: 'a[contains(text(), "Containers")]'
      unused: 'a[contains(text(), "Unused")]'
      resolver_type: '#manage-resolver-type'
      container_type: '#manage-container-type'
      unused_paths: '#unused-paths-table'

  manage_jobs:
    selectors:
      job_lock: '#prevent-job-dispatching'
      job_lock_label:
        type: xpath
        selector: "//label[@for='prevent-job-dispatching']/strong"
      cutoff: '#cutoff'
      table: '.jobs-table'
      filter_link_user: '.job-filter-link-user'
      filter_link_tool: '.job-filter-link-tool-id'
      filter_link_handler: '.job-filter-link-handler'
      filter_link_runner: '.job-filter-link-runner'
      filter_link_by_user: '.job-filter-link-user[data-user="${user}"]'
      filter_link_by_tool: '.job-filter-link-tool-id[data-tool-id="${tool_id}"]'
      filter_link_by_handler: '.job-filter-link-handler[data-handler="${handler}"]'
      filter_link_by_runner: '.job-filter-link-runner[data-runner="${runner}"]'
      filter_query: '.index-filter-query'

  toolshed:
    selectors:
      repo_search: '#toolshed-repo-search'
      search_results: '#shed-search-results'
      upgrade_notification: '#repository-table .badge'

  quota:
    selectors:
      add_new: '[data-description="grid action create new quota"]'
      items: '#quotas-grid table tr'
      add_form: "[url='/admin/create_quota']"
      add_form_submit: "[url='/admin/create_quota'] #submit:not([aria-disabled])"

  index:
    selectors:
      datatypes: '#admin-link-datatypes'
      dependencies: '#admin-link-manage-dependencies'
      data_tables: '#admin-link-data-tables'
      display_applications: '#admin-link-display-applications'
      errors: '#admin-link-error-stack'
      forms: '#admin-link-forms'
      jobs: '#admin-link-jobs'
      local_data: '#admin-link-local-data'
      metadata: '#admin-link-metadata'
      tool_versions: '#admin-link-tool-versions'
      toolshed: '#admin-link-toolshed'
      users: '#admin-link-users'
      quotas: '#admin-link-quotas'
      groups: '#admin-link-groups'
      roles: '#admin-link-roles'
      impersonate: '#admin-link-impersonate'
      allowlist: '#admin-link-allowlist'

  selectors:
    activity: '#activity-admin'
    warning: '#center .alert-warning'
    # TODO: place betters IDS or something on this in these grids in the DOM
    jobs_title: '#jobs-title'
    datatypes_grid: '#data-types-grid'
    data_tables_grid: '#data-tables-grid'
    display_applications_grid: '#display-applications-grid'
    update_jobs: 'form[name="jobs"]'
    dm_title: '#data-managers-title'
    dm_data_managers_card: '#data-managers-card'
    dm_jobs_button: '#${data_manager}-jobs'
    dm_jobs_breadcrumb: '#breadcrumb'
    dm_jobs_table: '#jobs-table'
    dm_job: '#job-${job_id}'
    dm_job_breadcrumb: '#breadcrumb'
    dm_job_data_manager_card: '#data-manager-card'
    dm_job_data_card: '#data-card-${hda_index}'
    dm_table_button: '#${data_table}-table'
    dm_table_card: '#data-table-card'
    users_grid: '#users-grid'
    users_grid_create_button: '[data-description="grid action create new user"]'
    groups_grid_create_button: '[data-description="grid action create new group"]'
    registration_form: 'form#registration'
    groups_grid: '#groups-grid'
    roles_grid: '#roles-grid'
    groups_create_view: '#submit:not([aria-disabled])'

libraries:

  selectors:
    _: '#libraries_list'
    activity: '#activity-libraries'
    create_new_library_btn: '#create-new-lib'
    permission_library_btn: '.permission_library_btn'
    toolbtn_save_permissions: '.toolbtn_save_permissions'
    save_new_library_btn: '#save_new_library'
    search_field: '#filterInput'
    new_library_name_input: 'input[placeholder="Name"]'
    new_library_description_input: 'input[placeholder="Description"]'
    add_items_permission: '.add_library_item_role_list'
    add_items_permission_input_field: '.add_library_item_role_list input'
    add_items_permission_field_text: '.add_library_item_role_list .multiselect__tag span'
    add_items_permission_option: '.add_library_item_role_list ul'

  folder:
    selectors:
      add_items_button: '.add-library-items-datasets'
      add_items_menu: '.add-library-items-datasets .dropdown-menu'
      add_items_options: '.add-library-items-datasets .dropdown-menu div a'
      add_folder: '.add-library-items-folder'
      add_to_history: '.add-to-history'
      add_to_history_datasets: '.add-to-history-datasets'
      add_to_history_collection: '.add-to-history-collection'
      # TODO: Most of these aren't very good selectors but the same DOM elements
      # are reused without adding specific classes, IDs, or roles to anything.
      import_modal: '.directory-dataset-picker'
      import_datasets_from_history_modal: '.selection-dialog-modal'
      import_datasets_from_history_modal_history_search: '.selection-dialog-modal .search-query'
      import_datasets_from_history_modal_dataset_search: '.selection-dialog-modal input[placeholder="search datasets"]'
      import_datasets_from_history_modal_list_is_ready: '.selection-dialog-modal .selection-dialog-table[aria-busy="false"]'
      import_datasets_from_history_modal_select_list_items: '.selection-dialog-modal table tbody tr'
      import_datasets_from_history_modal_select_list_item_by_index: '.selection-dialog-modal table tbody tr[aria-rowindex="${row_index}"] td[aria-colindex="1"]'
      import_datasets_from_history_modal_ok: '.selection-dialog-modal [data-description="selection dialog ok"]'
      import_datasets_from_history_modal_cancel: '.selection-dialog-modal [data-description="selection dialog cancel"]'
      add_to_history_as_collection:
        type: xpath
        selector: '//button[contains(text(), "Continue")]'
      import_datasets_ok_button:
        type: xpath
        selector: '//button[contains(text(), "Import")]'
      import_datasets_cancel_button:
        type: xpath
        selector: '//button[contains(text(), "Close")]'
      export_to_history_options: '#library-collection-type-select'
      export_to_history_paired_option: 'option[value="${collection_option}"]'
      export_to_history_collection_name: '.collection-name'
      export_to_history_new_history: 'input[name=history_name]'
      clear_filters: "button.clear-filters-link"
      import_progress_bar: '.progress-bar-import'
      import_from_path_textarea: '#import_paths'
      select_all: '#select-all-checkboxes'
      select_one: '.lib-folder-checkbox'
      select_dataset: 'tr[aria-rowindex="${rowindex}"] .lib-folder-checkbox'
      empty_folder_message: '.empty-folder-message'
      btn_open_parent_folder:
        type: xpath
        selector: '//a[contains(text(), "${folder_name}")]'
      edit_folder_btn: '.edit_folder_btn'
      description_field: '.description-field > div'
      description_field_shrinked: '.shrinked-description'
      save_folder_btn: '.save_folder_btn'
      input_folder_name: 'textarea[name="input_folder_name"]'
      input_folder_description: '.input_folder_description'
      download_button: '#download-btn'
      delete_btn: '.toolbtn-bulk-delete'
      toast_msg: '.b-toast'
      alert_not_exists_user_import_dir:
        type: xpath
        selector: //div[contains(@class, "alert-danger") and contains(normalize-space(text()), "Your user import directory does not exist")]
      select_import_dir_item: '[for="drilldown-option-${name}"]'
      import_dir_btn:
        type: xpath
        selector: '//button[contains(text(), "Import")]'
      manage_dataset_permissions_btn: 'a[title="Permissions of ${name}"]'
      make_private_btn: '#make-private'
      access_dataset_roles: '.access_dataset_roles .multiselect__tag span'
      private_dataset_icon: '.fa-key'
      open_location_details_btn: '.details-btn'
      location_details_ok_btn: '#details-modal .btn-primary'

    labels:
      from_history: 'from History'
      from_path: 'from Path'
      from_import_dir: 'from Import Directory'
      from_user_import_dir: 'from User Directory'

  dataset:
    selectors:
      table: '.dataset_table'
      table_rows: '.dataset_table tbody tr'

grids:
  selectors:
    body: '.grid-table'
    free_text_search: '[data-description="filter text input"]'

gies:
  jupyter:
    selectors:
      body: 'body.notebook_app'
      trusted_notification: '#notification_trusted'

  selectors:
    spinner: 'img#spinner'
    iframe: 'body iframe[seamless="seamless"]'

# TODO: use the newer upload_mixin to avoid duplication
upload:
  selectors:
    build_button: '#rule-based #btn-build'
    close_button: '#regular #btn-close'
    composite_close_button: '#composite #btn-close'
    create_button: '#btn-new'
    file_dialog: '#btn-remote-files'
    file_dialog_ok: '[data-description="selection dialog ok"]'
    file_source_selector:
      type: xpath
      selector: '//span[contains(@title, "${path}")]'
    paste_option: '#upload-row-${n} .upload-source .dropdown-menu .dropdown-item .fa-edit'
    paste_content: '#upload-row-${n} .upload-text-content'
    row: '#upload-row-${n}'
    status: '[data-description="upload state alert"]'
    rule_dataset_dialog: '[data-description="rules dataset dialog"]'
    rule_dataset_selector:
      selector: '.selection-dialog-modal'
    rule_dataset_selector_row:
      selector: '.selection-dialog-modal [aria-rowindex="${rowindex}"]'
    rule_select_data_type: '.rule-data-type'
    rule_source_content: 'textarea.upload-rule-source-content'
    tab: '#tab-title-link-${tab}'
    title: '#upload-row-${n} .upload-title'
    settings: '.upload-settings-table'
    settings_button: '#upload-row-${n} .upload-settings span'
    setting_deferred: '.upload-deferred'
    setting_space_to_tab: '.upload-space-to-tab'
    source_button: '#upload-row-${n} .upload-source'
    start: '#activity-upload'
    start_button: '#regular #btn-start'
    local_button: '#btn-local'
    explore_archive_button: '.btn-explore-archive'

new_user_welcome:
  selectors:
    _: .new-user-welcome
    topics: .new-user-welcome-topic
    topic_button: '.new-user-welcome-topic[data-new-user-welcome-topic-title="${title}"] button'
    subtopics: .new-user-welcome-subtopic
    subtopic_button: '.new-user-welcome-subtopic[data-new-user-welcome-subtopic-title="${title}"] button'
    slides: .new-user-welcome-slides
    back: .new-user-welcome-return

rule_builder:
  selectors:
    _: '.rule-collection-creator'
    menu_button_filter: '.rule-menu-filter-button'
    menu_button_rules: '.rule-menu-rules-button'
    menu_button_column: '.rule-menu-column-button'
    menu_item_rule_type: '.rule-link-${rule_type}'
    rule_editor: '.rule-edit-${rule_type}'
    rule_editor_ok: '.rule-editor-ok'
    add_mapping_menu: '.rule-add-mapping'
    add_mapping_button: '.rule-add-mapping-${mapping_type}'
    mapping_edit: '.rule-map-${mapping_type} .select-basic'
    mapping_remove_column: '.rule-map-${mapping_type} .rule-column-selector-target-remove'
    mapping_add_column: '.rule-map-${mapping_type} .rule-column-selector-target-add'
    mapping_ok: '.rule-mapping-ok'
    main_button_ok: '.rule-btn-okay'
    collection_name_input: 'input.collection-name'
    view_source: '.rule-builder-view-source'
    source: '.rule-source'
    table: '#rules-ag-grid .ag-root'
    extension_select: '.rule-footer-extension-group .extension-select'

charts:
  selectors:
    visualize_button: '.ui-portlet .button i.fa-line-chart'  # without icon - it waits on other buttons that aren't visible, need more specific class
    viewport_canvas: 'svg.charts-viewport-canvas'

job_details:
  selectors:
    galaxy_tool_with_id:
      type: xpath
      selector: '//td[@id="galaxy-tool-id"][normalize-space(text()) = "${tool_id}"]'
    tool_exit_code: '#exit-code'

zip_import_wizard:
  selectors:
    _: '.zip-import-wizard'
    loading_indicator: '#g-card-content-zip-preview-loading-indicator'
    preview_title: '#g-card-title-text-rocrate-summary'
    zip_file_count_badge: '#g-card-badge-file-count-regular-zip-summary-card'
    selected_files_to_import_count_badge: '#g-card-badge-file-count-zip-files-summary'
    selected_workflows_to_import_count_badge: '#g-card-badge-workflow-count-zip-workflows-summary'
    wizard_next_button: '.wizard-actions .go-next-btn'
    wizard_import_button: '.wizard-actions .go-next-btn.btn-primary'
    select_file:
      type: xpath
      selector: "//div[@role='button' and contains(@id, 'g-card-${file_path}')]"