ÿØÿà JFIF    ÿÛ „  ( %"1!%)+...383,7(-.+  -+++--++++---+-+-----+---------------+---+-++7-----ÿÀ  ß â" ÿÄ     ÿÄ H    !1AQaq"‘¡2B±ÁÑð#R“Ò Tbr‚²á3csƒ’ÂñDS¢³$CÿÄ   ÿÄ %  !1AQa"23‘ÿÚ   ? ôÿ ¨pŸªáÿ —åYõõ\?àÒü©ŠÄï¨pŸªáÿ —åYõõ\?àÓü©ŠÄá 0Ÿªáÿ Ÿå[úƒ ú®ði~TÁbqÐ8OÕpÿ ƒOò¤Oè`–RÂáœá™êi€ßÉ< FtŸI“öÌ8úDf´°å}“¾œ6  öFá°y¥jñÇh†ˆ¢ã/ÃÐ:ªcÈ "Y¡ðÑl>ÿ ”ÏËte:qž\oäŠe÷󲍷˜HT4&ÿ ÓÐü6ö®¿øþßèô Ÿ•7Ñi’•j|“ñì>b…þS?*Óôÿ ÓÐü*h¥£ír¶ü UãSç‚Ÿ[AÐaè[ûª•õ&õj?†Éö+EzP—WeÒírJFt ‘BŒ†Ï‡%#tE Øz ¥OÛ«!1›üä±Í™%ºÍãö]°î(–:@<‹ŒÊö×òÆt¦ãº+‡¦%ÌÁ²h´OƒJŒtMÜ>ÀÜÊw3Y´•牋4ǍýʏTì>œú=Íwhyë,¾Ôò×õ¿ßÊa»«þˆѪQ|%6ž™A õ%:øj<>É—ÿ Å_ˆCbõ¥š±ý¯Ýƒï…¶|RëócÍf溪“t.СøTÿ *Ä¿-{†çàczůŽ_–^XþŒ±miB[X±d 1,é”zEù»& î9gœf™9Ð'.;—™i}!ôšåîqêÛ٤ёý£½ÆA–àôe"A$˝Úsäÿ ÷Û #°xŸëí(l »ý3—¥5m! rt`†0~'j2(]S¦¦kv,ÚÇ l¦øJA£Šƒ J3E8ÙiŽ:cÉžúeZ°€¯\®kÖ(79«Ž:¯X”¾³Š&¡* ….‰Ž(ÜíŸ2¥ª‡×Hi²TF¤ò[¨íÈRëÉ䢍mgÑ.Ÿ<öäS0í„ǹÁU´f#Vß;Õ–…P@3ío<ä-±»Ž.L|kªÀê›fÂ6@»eu‚|ÓaÞÆŸ…¨ááå>åŠ?cKü6ùTÍÆ”†sĤÚ;H2RÚ†õ\Ö·Ÿn'¾ ñ#ºI¤Å´%çÁ­‚â7›‹qT3Iï¨ÖÚ5I7Ë!ÅOóŸ¶øÝñØôת¦$Tcö‘[«Ö³šÒ';Aþ ¸èíg A2Z"i¸vdÄ÷.iõ®§)¿]¤À†–‡É&ä{V¶iŽ”.Ó×Õÿ û?h¬Mt–íª[ÿ Ñÿ ÌV(í}=ibÔ¡›¥¢±b Lô¥‡piη_Z<‡z§èŒ)iÖwiÇ 2hÙ3·=’d÷8éŽ1¦¸c¤µ€7›7Ø ð\á)} ¹fËí›pAÃL%âc2 í§æQz¿;T8sæ°qø)QFMð‰XŒÂ±N¢aF¨…8¯!U  Z©RÊ ÖPVÄÀÍin™Ì-GˆªÅËŠ›•zË}º±ŽÍFò¹}Uw×#ä5B¤{î}Ð<ÙD é©¤&‡ïDbàÁôMÁ.@core @javascript Feature: Test dropdown output module In order to show extra information to the user As a user I need to interact with the dropdown output modules Background: # Get to the fixture page. Given I log in as "admin" And I am on fixture page "/lib/tests/behat/fixtures/dropdown_output_testpage.php" And I should not see "Dialog content" Scenario: User can open a dropdown dialog When I click on "Open dialog" "button" in the "regularscenario" "region" Then I should see "Dialog content" in the "regularscenario" "region" Scenario: Dropdown dialog can have rich content inside When I click on "Open dialog" "button" in the "richcontent" "region" Then I should see "Some rich content" in the "richcontent" "region" And "Link 1" "link" should exist in the "richcontent" "region" And "Eye icon" "icon" should exist in the "richbutton" "region" Scenario: HTML attributtes can be overriden in dropdowns When I click on "Open dialog" "button" in the "cssoverride" "region" Then I should see "Dialog content" in the "cssoverride" "region" And ".extraclass" "css_element" should exist in the "cssoverride" "region" And "[data-foo='bar']" "css_element" should exist in the "extraattributes" "region" And I should see "Custom ID button found" in the "customid" "region" And "#CustomDropdownButtonId" "css_element" should exist in the "customid" "region" And ".dialog-big" "css_element" should exist in the "widths" "region" And ".dialog-small" "css_element" should exist in the "widths" "region" Scenario: User can open a dropdown status When I click on "Open dialog" "button" in the "statusregularscenario" "region" Then I should see "Option 1" in the "statusregularscenario" "region" And I should see "Option 1 description" in the "statusregularscenario" "region" And I should see "Option 2" in the "statusregularscenario" "region" And I should see "Option 2 description" in the "statusregularscenario" "region" And "Eye icon 1" "icon" should exist in the "statusregularscenario" "region" And "Eye icon 2" "icon" should exist in the "statusregularscenario" "region" Scenario: Dropdown status can have as selected option When I click on "Open dialog" "button" in the "statusselectedscenario" "region" Then "Selected" "icon" in the "#statusselectedscenario [data-optionnumber='2']" "css_element" should be visible And "Selected" "icon" in the "#statusselectedscenario [data-optionnumber='1']" "css_element" should not be visible And "Selected" "icon" in the "#statusselectedscenario [data-optionnumber='3']" "css_element" should not be visible Scenario: Dropdown status can have a disabled option When I click on "Open dialog" "button" in the "statusdisablescenario" "region" Then ".disabled" "css_element" should exist in the "#statusdisablescenario [data-optionnumber='2']" "css_element" And ".disabled" "css_element" should not exist in the "#statusdisablescenario [data-optionnumber='1']" "css_element" And ".disabled" "css_element" should not exist in the "#statusdisablescenario [data-optionnumber='3']" "css_element" Scenario: Dropdown status can have a extra attribute in the options When I click on "Open dialog" "button" in the "statusoptionextrasscenario" "region" Then "[data-foo='bar']" "css_element" should exist in the "#statusoptionextrasscenario [data-optionnumber='2']" "css_element" And "[data-foo='bar']" "css_element" should not exist in the "#statusoptionextrasscenario [data-optionnumber='1']" "css_element" And "[data-foo='bar']" "css_element" should not exist in the "#statusoptionextrasscenario [data-optionnumber='3']" "css_element" Scenario: Dropdown status can define urls in options Given I should see "Foo param value: none" When I click on "Open dialog" "button" in the "statusoptionurl" "region" And I click on "Option 2" "link" in the "statusoptionurl" "region" Then I should see "Foo param value: bar" Scenario: Dropdowns dialogs can be controlled via javascript Given "Open dialog" "button" should exist in the "dialogjscontrolssection" "region" And I should see "The dropdown is hidden" in the "dialogjscontrolssection" "region" # Change button text. When I click on "Change button text" "button" in the "dialogjscontrolssection" "region" Then "New button text" "button" should exist in the "dialogjscontrolssection" "region" # Open dropdown. And I click on "Open" "button" in the "dialogjscontrolssection" "region" And I should see "Dialog content" in the "dialogjscontrolssection" "region" And I should see "The dropdown is visible" in the "dialogjscontrolssection" "region" # Close dropdown. And I click on "Close" "button" in the "dialogjscontrolssection" "region" And I should not see "Dialog content" in the "dialogjscontrolssection" "region" And I should see "The dropdown is hidden" in the "dialogjscontrolssection" "region" Scenario: Dropdown status can sync the clicked option with the button text Given I should see "Option 2" in the "statussyncbutton" "region" When I click on "Option 2" "button" in the "statussyncbutton" "region" And "Selected" "icon" in the "#statussyncbutton [data-optionnumber='2']" "css_element" should be visible And "Selected" "icon" in the "#statussyncbutton [data-optionnumber='3']" "css_element" should not be visible And I click on "Option 3" "link" in the "statussyncbutton" "region" Then I should see "Option 3" in the "statussyncbutton" "region" And I should not see "Option 2" in the "statussyncbutton" "region" And I click on "Option 3" "button" in the "statussyncbutton" "region" And "Selected" "icon" in the "#statussyncbutton [data-optionnumber='2']" "css_element" should not be visible And "Selected" "icon" in the "#statussyncbutton [data-optionnumber='3']" "css_element" should be visible Scenario: Dropdowns status can be controlled via javascript Given "Open dialog" "button" should exist in the "statusjscontrolsection" "region" And I should see "The status value is option2" in the "statusjscontrolsection" "region" # Change value. When I click on "Change selected value" "button" in the "statusjscontrolsection" "region" Then I should see "The status value is option3" in the "statusjscontrolsection" "region" And I click on "Open dialog" "button" in the "statusjscontrolsection" "region" And "Selected" "icon" in the "#statusjscontrolsection [data-optionnumber='2']" "css_element" should not be visible And "Selected" "icon" in the "#statusjscontrolsection [data-optionnumber='3']" "css_element" should be visible # Enable button sync. And I click on "Enable sync" "button" in the "statusjscontrolsection" "region" And I should see "Option 3" in the "statusjscontrolsection" "region" And I click on "Option 3" "button" in the "statusjscontrolsection" "region" And I click on "Option 2" "link" in the "statusjscontrolsection" "region" And I should see "The status value is option2" in the "statusjscontrolsection" "region" And I should see "Option 2" in the "statusjscontrolsection" "region" # Trigger change event with button text sync. And I click on "Change selected value" "button" in the "statusjscontrolsection" "region" And I should see "Option 3" in the "statusjscontrolsection" "region" And I should see "The status value is option3" in the "statusjscontrolsection" "region" # Disable button text sync. And I click on "Disable sync" "button" in the "statusjscontrolsection" "region" And I click on "Option 3" "button" in the "statusjscontrolsection" "region" And I click on "Option 1" "link" in the "statusjscontrolsection" "region" And I should see "Option 3" in the "statusjscontrolsection" "region" And I should see "The status value is option1" in the "statusjscontrolsection" "region" And I click on "Change selected value" "button" in the "statusjscontrolsection" "region" And I should see "Option 3" in the "statusjscontrolsection" "region" And I should see "The status value is option2" in the "statusjscontrolsection" "region" # Disable update. And I click on "Disable update" "button" in the "statusjscontrolsection" "region" And I click on "Option 3" "button" in the "statusjscontrolsection" "region" And I click on "Option 1" "link" in the "statusjscontrolsection" "region" And I should see "The status value is option2" in the "statusjscontrolsection" "region" And I click on "Option 3" "button" in the "statusjscontrolsection" "region" And "Selected" "icon" in the "#statusjscontrolsection [data-optionnumber='1']" "css_element" should not be visible And "Selected" "icon" in the "#statusjscontrolsection [data-optionnumber='2']" "css_element" should be visible Scenario: Dropdown status content is accessible with keyboard Given I click on "Focus helper" "button" in the "statussyncbutton" "region" When I press the tab key # Open and close dropdown with enter key. Then I press the enter key And the focused element is "[data-for='dropdowndialog_button']" "css_element" in the "statussyncbutton" "region" And I should see "Option 1" in the "statussyncbutton" "region" And I press the enter key And the focused element is "[data-for='dropdowndialog_button']" "css_element" in the "statussyncbutton" "region" And I should not see "Option 1" in the "statussyncbutton" "region" # Open and close with down and up keys. And I press the down key And the focused element is "[data-optionnumber='1'] a" "css_element" in the "statussyncbutton" "region" And I should see "Option 1" in the "statussyncbutton" "region" And I press the up key And the focused element is "[data-for='dropdowndialog_button']" "css_element" in the "statussyncbutton" "region" And I should see "Option 1" in the "statussyncbutton" "region" And I press the up key And the focused element is "[data-for='dropdowndialog_button']" "css_element" in the "statussyncbutton" "region" And I should not see "Option 1" in the "statussyncbutton" "region" # Select to option 3 and check user cannot go beyond that. And I press the down key And the focused element is "[data-optionnumber='1'] a" "css_element" in the "statussyncbutton" "region" And I press the down key And the focused element is "[data-optionnumber='2'] a" "css_element" in the "statussyncbutton" "region" And I press the down key And the focused element is "[data-optionnumber='3'] a" "css_element" in the "statussyncbutton" "region" And I press the down key And the focused element is "[data-optionnumber='3'] a" "css_element" in the "statussyncbutton" "region" And I press the enter key And I should see "Option 3" in the "statussyncbutton" "region" # Close dropdown with escape key. And I press the down key And the focused element is "[data-optionnumber='1'] a" "css_element" in the "statussyncbutton" "region" And I should see "Option 1" in the "statussyncbutton" "region" And I press the escape key And the focused element is "[data-for='dropdowndialog_button']" "css_element" in the "statussyncbutton" "region" And I should not see "Option 1" in the "statussyncbutton" "region"