Search datatype before selecting it

We now return more datatypes in the list, so bam fell out of the intial
items that select2 displays without scrolling.

client/src/components/Datatypes/model.js

@@ -1,6 +1,7 @@
 export class DatatypesMapperModel {
     constructor(typesAndMapping) {
         this.datatypes = typesAndMapping.datatypes;
+        this.datatypes.sort();
         this.datatypesMapping = typesAndMapping.datatypes_mapping;
     }
 

lib/galaxy/selenium/navigation.yml

@@ -579,6 +579,10 @@ workflow_editor:
       type: xpath
       selector: >
         //div[@data-label='Change datatype' and not(ancestor::div[contains(@style,'display: none')])]//span[contains(@class, 'select2-chosen')]
+    select_dataype_text_search:
+      type: xpath
+      selector: >
+        //div[@class="select2-search" and not(ancestor::div[contains(@style,'display: none')])]//input
     select_datatype:
       type: xpath
       selector: >

lib/galaxy_test/selenium/test_workflow_editor.py

@@ -530,6 +530,7 @@ steps:
         self.set_text_element(output_label, 'workflow output label')
         self.set_text_element(editor.rename_output, 'renamed_output')
         editor.change_datatype.wait_for_and_click()
+        editor.select_dataype_text_search.wait_for_and_send_keys('bam')
         editor.select_datatype(datatype='bam').wait_for_and_click()
         self.set_text_element(editor.add_tags, '#crazynewtag')
         self.set_text_element(editor.remove_tags, '#oldboringtag')