test(Provider,Consumer): Adds unit tests for provider, consumer

Author: just-be-dev

src/__tests__/Consumer.spec.js

@@ -0,0 +1,49 @@
+import consumer from "../Consumer";
+import { mount } from "@vue/test-utils";
+
+const registerComponent = context => ({
+  components: {
+    Consumer: consumer(context)
+  }
+});
+
+const ConsumerComponent = context => ({
+  template: `
+    <Consumer>
+      <span slot-scope="contextValue">
+        {{ contextValue }}
+      </span>
+    </Consumer>
+  `,
+  ...registerComponent(context)
+});
+
+const MalformedConsumerComponent = context => ({
+  template: `
+    <Consumer>
+      <span>
+        test
+      </span>
+    </Consumer>
+  `,
+  ...registerComponent(context)
+});
+
+describe("Consumer", () => {
+  it("should return the given context as data", () => {
+    const s = Symbol();
+    expect(consumer(s).data().context).toBe(s);
+  });
+
+  it("should render the context's value", () => {
+    const Consumer = ConsumerComponent({ value: "test-context" });
+    const wrapper = mount(Consumer);
+    expect(wrapper.html()).toContain("test-context");
+  });
+
+  it("should not fail to render if consumer is missing slot-scope", () => {
+    const Consumer = MalformedConsumerComponent({ value: "test-context" });
+    const wrapper = mount(Consumer);
+    expect(wrapper.html()).toContain("test");
+  });
+});

src/__tests__/Provider.spec.js

@@ -0,0 +1,38 @@
+import provider from "../Provider";
+import { mount } from "@vue/test-utils";
+
+describe("Provider", () => {
+  it("should have a prop with the given default value", () => {
+    const defaultValue = "TEST";
+    const Provider = provider({}, defaultValue);
+    const wrapper = mount(Provider, {
+      slots: {
+        default: "<span>Test</span>"
+      }
+    });
+    expect(wrapper.props().value).toBe(defaultValue);
+  });
+
+  it("should not overwrite context if no prop provided", () => {
+    let context = { value: "test" };
+    const Provider = provider(context);
+    const wrapper = mount(Provider, {
+      slots: {
+        default: "<span>Test</span>"
+      }
+    });
+    expect(context.value).toBeDefined();
+  });
+
+  it("should update context when props change", () => {
+    let context = { value: "test" };
+    const Provider = provider(context);
+    const wrapper = mount(Provider, {
+      slots: {
+        default: "<span>Test</span>"
+      }
+    });
+    wrapper.setProps({ value: "123" });
+    expect(context.value).toBe("123");
+  });
+});