mirror of
https://github.com/rustwasm/wasm-bindgen.git
synced 2024-12-18 23:41:45 +03:00
93 lines
4.5 KiB
Rust
93 lines
4.5 KiB
Rust
use wasm_bindgen_test::*;
|
|
use wasm_bindgen::prelude::*;
|
|
use web_sys::HtmlSelectElement;
|
|
|
|
#[wasm_bindgen(module = "./tests/wasm/element.js")]
|
|
extern {
|
|
fn new_select_with_food_opts() -> HtmlSelectElement;
|
|
}
|
|
|
|
#[wasm_bindgen_test]
|
|
fn test_select_element() {
|
|
// Creates a select with four options. Options are ["tomato", "potato", "orange", "apple"], where
|
|
// the string is the .value and .text of each option.
|
|
let select = new_select_with_food_opts();
|
|
select.set_autofocus(true);
|
|
assert_eq!(select.autofocus(), true, "Select element should have a true autofocus property.");
|
|
|
|
select.set_autofocus(false);
|
|
assert_eq!(select.autofocus(), false, "Select element should have a false autofocus property.");
|
|
|
|
// TODO: This test currently fails on Firefox, but not Chrome. In Firefox, even though we select.set_autocomplete(), select.autocomplete() yields an empty String.
|
|
// select.set_autocomplete("tomato");
|
|
// assert_eq!(select.autocomplete(), "tomato", "Select element should have a 'tomato' autocomplete property.");
|
|
|
|
select.set_disabled(true);
|
|
assert_eq!(select.disabled(), true, "Select element should be disabled.");
|
|
|
|
select.set_disabled(false);
|
|
assert_eq!(select.disabled(), false, "Select element should not be disabled.");
|
|
|
|
assert!(select.form().is_none(), "Select should not be associated with a form.");
|
|
|
|
select.set_multiple(false);
|
|
assert_eq!(select.multiple(), false, "Select element should have a false multiple property.");
|
|
|
|
select.set_multiple(true);
|
|
assert_eq!(select.multiple(), true, "Select element should have a true multiple property.");
|
|
|
|
select.set_name("potato");
|
|
assert_eq!(select.name(), "potato", "Select element should have a name property of 'potato'.");
|
|
|
|
select.set_required(true);
|
|
assert_eq!(select.required(), true, "Select element should be required.");
|
|
|
|
select.set_required(false);
|
|
assert_eq!(select.required(), false, "Select element should not be required.");
|
|
|
|
select.set_size(432);
|
|
assert_eq!(select.size(), 432, "Select element should have a size property of 432.");
|
|
|
|
// Default type seems to be "select-multiple" for the browsers I tested, but there's no guarantee
|
|
// on this, so let's just make sure we get back something here.
|
|
assert!(select.type_().len() > 0, "Select element should have some type.");
|
|
|
|
assert!(select.options().length() == 4, "Select element should have four options.");
|
|
|
|
select.set_length(12);
|
|
assert_eq!(select.length(), 12, "Select element should have a length of 12.");
|
|
// Reset the length to four, as that's how many options we actually have.
|
|
select.set_length(4);
|
|
|
|
assert!(select.named_item("this should definitely find nothing").is_none(), "Shouldn't be able to find a named item with the given string.");
|
|
|
|
assert!(select.selected_options().length() == 1, "One option should be selected by default, just by way of having items.");
|
|
|
|
select.set_selected_index(2);
|
|
assert_eq!(select.selected_index(), 2, "Select element should have a selected index of 2.");
|
|
|
|
// Quote from docs: The value property sets or returns the value of the selected option in a drop-down list.
|
|
select.set_value("tomato"); // Select the "tomato" option
|
|
assert_eq!(select.value(), "tomato", "Select element should have no selected value.");
|
|
|
|
// This might be browser dependent, potentially rendering this test useless? Worked fine in Chrome and Firefox for now.
|
|
assert_eq!(select.will_validate(), true, "Select element should not validate by default.");
|
|
|
|
assert!(select.validation_message().is_ok(), "Select element should retrieve a validation message.");
|
|
|
|
assert!(select.validity().valid(), "Our basic select should be valid.");
|
|
|
|
assert!(select.check_validity(), "Our basic select should check out as valid.");
|
|
|
|
assert!(select.report_validity(), "Our basic select should report valid.");
|
|
|
|
select.set_custom_validity("Some custom validity error.");
|
|
|
|
assert!(select.labels().length() == 0, "There should be no labels associated with our select element.");
|
|
|
|
// TODO: This test won't work until this bug is fixed: https://www.w3.org/Bugs/Public/show_bug.cgi?id=20720. Sometime in the future, either remove this test or uncomment after bug is fixed.
|
|
// assert!(select.named_item("tomato").is_some(), "Should be able to find the 'tomato' option before removing it.");
|
|
// select.remove(0);
|
|
// assert!(select.named_item("tomato").is_none(), "Shouldn't be able to find the 'tomato' option after removing it.")
|
|
// TODO: As a result, we are missing a test for the remove() method.
|
|
} |