diff --git a/src/components/molecules/OcStatusIndicators/OcStatusIndicators.spec.js b/src/components/molecules/OcStatusIndicators/OcStatusIndicators.spec.js index eb620cd59..ef53fa7db 100644 --- a/src/components/molecules/OcStatusIndicators/OcStatusIndicators.spec.js +++ b/src/components/molecules/OcStatusIndicators/OcStatusIndicators.spec.js @@ -18,25 +18,16 @@ const indicator = { } describe("OcStatusIndicators", () => { it("does call indicator handler on click", () => { - var called = false + const spyHandler = jest.spyOn(indicator, "handler") const wrapper = mount(StatusIndicators, { propsData: { resource: fileResource, - indicators: [ - { - id: "test", - label: "test", - type: "test", - handler: () => { - called = true - }, - }, - ], + indicators: [indicator], target: "test", }, }) wrapper.find(".oc-status-indicators-indicator").trigger("click") - expect(called).toBeTruthy() + expect(spyHandler).toHaveBeenCalled() }) it("does create indicator with id", () => { const wrapper = mount(StatusIndicators, { diff --git a/src/components/molecules/OcStatusIndicators/OcStatusIndicators.vue b/src/components/molecules/OcStatusIndicators/OcStatusIndicators.vue index 271552999..2b70fb54b 100644 --- a/src/components/molecules/OcStatusIndicators/OcStatusIndicators.vue +++ b/src/components/molecules/OcStatusIndicators/OcStatusIndicators.vue @@ -118,7 +118,7 @@ export default { .oc-status-indicators { align-items: center; display: flex; - float: right; + justify-content: flex-end; &-indicator { border-radius: 99px; } @@ -148,6 +148,7 @@ export default { id: 'file-link', label: "Shared via link", icon: 'links', + handler: (resource, indicatorId) => alert(`Resource: ${resource.name}, indicator: ${indicatorId}`) } ] }),