2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-07 07:12:23 +03:00

Allow user to control the behavior of clearSearchOnBlur. (#1060)

This commit is contained in:
Bruno Dias
2020-02-23 17:44:47 -03:00
committed by GitHub
parent 02ea82116c
commit ea8fdbf237
2 changed files with 40 additions and 9 deletions
+27
View File
@@ -100,4 +100,31 @@ describe("Reset on options change", () => {
Select.setProps({options: [{ label: "oneLabel", value: "one" }]});
expect(Select.vm.selectedValue).toEqual([{ label: "oneLabel", value: "one" }]);
});
it('default behavior when blur search field is to clean it.', () => {
const Select = mountDefault({});
let clearSearchOnBlur = jest.spyOn(Select.vm, 'clearSearchOnBlur');
Select.find({ ref: "search" }).trigger("click");
Select.setData({ search: "one" });
Select.find({ ref: "search" }).trigger("blur");
expect(clearSearchOnBlur).toHaveBeenCalledTimes(1);
expect(clearSearchOnBlur).toHaveBeenCalledWith({
clearSearchOnSelect: true,
multiple: false
});
expect(Select.vm.search).toBe('');
});
it('control behavior when blur search field.', () => {
let clearSearchOnBlur = jest.fn(() => false);
const Select = mountDefault({clearSearchOnBlur});
Select.find({ ref: "search" }).trigger("click");
Select.setData({ search: "one" });
Select.find({ ref: "search" }).trigger("blur");
expect(clearSearchOnBlur).toHaveBeenCalledTimes(1);
expect(Select.vm.search).toBe('one');
});
});