mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-17 02:29:37 +03:00
Markus
ebcdcc5c62
* make sure selected tracked value is an option if possible Before this case did not work correctly: - Select was rendered with *no* options, but *with* a saved value - Options were fetched by ajax and options prop was updated - Reduce function if passed What happens without this commit is that the selected tracked value simply was the raw reduced value (previously saved). Which means that displaying a label for example does not work if the label comes from the unreduced option. This commit makes sure that the internal tracked value is checked against all options not only once the select is created but additionally when options change. * remove useless keys - first key was always undefined - second key was always the index which is not usefull at all since it changes based on the order * add test for setting value after option changed * correctly react to value property changes if tracking internally fixes sagalbot#855, sagalbot#842 * add getOptionKey prop * yarn upgrade doc * add getOptionKey api doc and fix links * yarn upgrade * do not use key on slot * fix label spec
43 lines
1.3 KiB
JavaScript
Executable File
43 lines
1.3 KiB
JavaScript
Executable File
import VueSelect from "../../src/components/Select";
|
|
import { shallowMount } from "@vue/test-utils";
|
|
import { selectWithProps } from "../helpers";
|
|
|
|
describe("Labels", () => {
|
|
it("can generate labels using a custom label key", () => {
|
|
const Select = selectWithProps({
|
|
options: [{ name: "Foo" }],
|
|
label: "name",
|
|
value: { name: "Foo" }
|
|
});
|
|
expect(Select.find(".vs__selected").text()).toBe("Foo");
|
|
});
|
|
|
|
it("will console.warn when options contain objects without a valid label key", () => {
|
|
const spy = jest.spyOn(console, "warn").mockImplementation(() => {});
|
|
const Select = selectWithProps({
|
|
options: [{}]
|
|
});
|
|
|
|
Select.vm.open = true;
|
|
expect(spy).toHaveBeenCalledWith(
|
|
'[vue-select warn]: Label key "option.label" does not exist in options object {}.' +
|
|
"\nhttps://vue-select.org/api/props.html#getoptionlabel"
|
|
);
|
|
});
|
|
|
|
it("should display a placeholder if the value is empty", () => {
|
|
const Select = shallowMount(VueSelect, {
|
|
propsData: {
|
|
options: ["one"]
|
|
},
|
|
attrs: {
|
|
placeholder: "foo"
|
|
}
|
|
});
|
|
|
|
expect(Select.vm.searchPlaceholder).toEqual("foo");
|
|
Select.vm.$data._value = "one";
|
|
expect(Select.vm.searchPlaceholder).not.toBeDefined();
|
|
});
|
|
});
|