mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-17 02:29:37 +03:00
Jeff Sagal
dc91310860
* - add autoprefixer - add cssnano - add postcss-loader - remove unused packages * create RTL scss module * add vs__ prefix to open-indicator, extract to module * module for dropdown-toggle * vs__clear module * vs__dropdown-menu module * rename `selected-tag` to `vs__selected` * remove rtl class * remove dropdown class * search-input scss module * move animations to global module * refactor dropdown list items * - spinner slot is now scoped with `loading` variable - move spinner to scss module * apply vs__search class directly to search input: if you're using the slot, you might not want default styles * finish global modules * make RTL a component state * - update component states to use vs-- prefix - rename dropdownClasses to stateClasses * remove unused property * Closes #760 * fix states * more state fixes * rename .close to vs__deselect * - simplify dev.html - start on 'sandbox' development * update build * - update webpack config - move Sandbox to VuePress folder * update external framework version links * assign grid areas, ensure 100% height outside of docs * limit specificity * first pass at assigning variables * assign 'darkest' * remove max-height prop * rename 'component' variables to 'state' * update badges * add deprecation notice to docs * bump travis config * add coveralls coverage reporter * bump netlify config * additional pass pulling up to variables * start converting to SVG icons * middle align action icons * update netlify config * netlify bump * fix travis * fix travis * try lcov * netlify attempt * prune old packages * bump travis config
43 lines
1.2 KiB
JavaScript
Executable File
43 lines
1.2 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 {}.' +
|
|
"\nhttp://sagalbot.github.io/vue-select/#ex-labels"
|
|
);
|
|
});
|
|
|
|
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.mutableValue = "one";
|
|
expect(Select.vm.searchPlaceholder).not.toBeDefined();
|
|
});
|
|
});
|