From e44a7e37b6c7b5961adaffc62b9042b8d442938e Mon Sep 17 00:00:00 2001 From: mensonge Date: Thu, 13 Nov 2008 09:49:11 +0000 Subject: New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f --- includes/js/dijit/tests/form/test_ComboBox.html | 289 ++++++++++++++++++++++++ 1 file changed, 289 insertions(+) create mode 100644 includes/js/dijit/tests/form/test_ComboBox.html (limited to 'includes/js/dijit/tests/form/test_ComboBox.html') diff --git a/includes/js/dijit/tests/form/test_ComboBox.html b/includes/js/dijit/tests/form/test_ComboBox.html new file mode 100644 index 0000000..895a968 --- /dev/null +++ b/includes/js/dijit/tests/form/test_ComboBox.html @@ -0,0 +1,289 @@ + + + + Dojo ComboBox Widget Test + + + + + + + + + + +

Dojo ComboBox Widget Test

+

+A ComboBox is like a text <input> field (ie, you can input any value you want), +but it also has a list of suggested values that you can choose from. +The drop down list is filtered by the data you have already typed in. +

+
+ +

ComboBox #1: inlined data, autoComplete=false, default value of Iowa, pageSize=30

+ (200% Courier font): + +
onChange: + + + +
+ +
+ +
+ +

ComboBox #2: url, autoComplete=true:

+ (8pt font): + + Value: +
+ (150% font): + + Hey look, this one is kind of useful. +
+ +

ComboBox #3: initially disabled, url, autoComplete=false:

+ + + Value: +
+ +
+
+

ComboBox #4: url, autoComplete=false required=true:

+ + + Value: +
+

A ComboBox with no arrow

+ +
+

A combo created by createWidget

+ +
+

A ComboBox with an initial query. (Limits list to items with type = country.)

+ +
+ + + +
+

+This is some text below the ComboBoxes. It shouldn't get pushed out of the way when search results get returned. +also: adding a simple combo box to test IE bleed through problem: +

+ + +

Some tests:

+
    +
  1. Type in D - dropdown shows Delaware and District of columbia. [Would be nice if it bolded the D's in the dropdown list!]
  2. +
  3. Type in DX - input box shows DX and no dropdown.
  4. +
  5. Open dropdown, click an item, it selects and closes dropdown.
  6. +
  7. Click triangle icon - dropdown shows. Click it again - dropdown goes.
  8. +
  9. Check that you can type in more than required (e.g. alaba for alabama) and it still correctly shows alabama
  10. +
  11. Tab into the combo works, list should not apear.
  12. +
  13. Tab out of the combo works - closes dropdown and goes to next control (focus should not go to the dropdown because tabindex="-1").
  14. +
  15. Do the dropdown and click outside of it - the dropdown disappears.
  16. +
  17. Javascript disabled -> fallback to old style combo?
  18. +
  19. Can you paste in the start of a match? [no]
  20. +
  21. Backspace to start - dropdown shows all all items
  22. +
  23. Backspace deselects last character [Borked: currently you have to backspace twice]
  24. +
  25. Press down key to open dropdown
  26. +
  27. Down and up keys select previous/next in dropdown.
  28. +
  29. Non-alpha keys (F12, ctrl-c, whatever) should not affect dropdown.
  30. +
  31. Press down arrow to highlight an item, pressing enter selects it and closes dropdown.
  32. +
  33. Press down arrow to highlight an item, pressing space selects it and closes dropdown.
  34. +
  35. Check that pressing escape undoes the previous action and closes the dropdown
  36. +
  37. Check that pressing escape again clears the input box.
  38. +
  39. In IE, mouse scroll wheel scrolls through the list. Scrolls by 1 item per click even if user has set mouse to scroll more than 1 in mouse settings. Only scrolls if text input has focus (page scrolling works as normal otherwise)
  40. +
  41. In IE, dropdown list does not go behind the second combo (special code to manage this).
  42. +
  43. Check dropdown is aligned correctly with bottom of the text input
  44. +
  45. Probably should try the combo in a relative div or absolute div and see where the dropdown ends up. (Strongly suspect problems in this area in IE - boo)
  46. +
  47. Try repeatably droppingdown and closing the dropdown. Shouldnt get hung [sometimes flicks closed just after opening due to timers, but not a biggie]
  48. +
  49. Check that default selection of the text makes sense. e.g. text is selected after picking an item, on tabbing in to text input etc)
  50. +
  51. Check that dropdown is smooth [looks uggy on second keypress in FF - hides then shows]
  52. +
  53. Clear the field. Type in A and then tab *very quickly* and see if the results make sense (the dropdown is on a timer - searchTimer)
  54. +
  55. Clear the field and enter an invalid entry and tab out e.g. Qualude. Does that make sense given the combobox setup options?
  56. +
  57. (Add any other tests here)
  58. +
+
+ +
+ + -- cgit v1.2.3