modify event view & event participation with new permission - #687

This commit is contained in:
Laurent GAY
2025-11-12 21:18:09 +01:00
committed by setop
parent 7b6c06d233
commit 5a020ae216
7 changed files with 246 additions and 48 deletions

View File

@@ -175,27 +175,24 @@ describe("EventActionSection", () => {
expect(wrapper.find(".participations-link").text()).toBe(
"No one is participating"
);
expect(wrapper.findAll("o-dropdown > o-dropdown-item").length).toBe(7);
expect(wrapper.findAll("o-dropdown > o-dropdown-item").length).toBe(6);
expect(
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(1)").text()
).toBe("Participations");
expect(
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(2)").text()
).toBe("Announcements");
expect(
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(3)").text()
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(2)").text()
).toBe("Edit");
expect(
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(4)").text()
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(3)").text()
).toBe("Duplicate");
expect(
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(5)").text()
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(4)").text()
).toBe("Delete");
expect(
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(6)").text()
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(5)").text()
).toBe("Share this event");
expect(
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(7)").text()
wrapper.find("o-dropdown > o-dropdown-item:nth-of-type(6)").text()
).toBe("Add to my calendar");
expect(
wrapper
@@ -209,4 +206,54 @@ describe("EventActionSection", () => {
);
expect(wrapper.html()).toMatchSnapshot();
});
it("event action section with event's group without permission for user/member", async () => {
const wrapper = generateWrapper(
{
attributedTo: {
id: 123,
uuid: "987654314231132",
allowSeeParticipants: false,
},
options: {
hideNumberOfParticipants: true,
},
},
undefined,
[],
{
memberships: {
total: 1,
elements: [{ role: "MEMBER" }],
},
}
);
await wrapper.vm.$nextTick();
expect(wrapper.html()).toMatchSnapshot();
});
it("event action section with event's group with permission for user/member", async () => {
const wrapper = generateWrapper(
{
attributedTo: {
id: 123,
uuid: "987654314231132",
allowSeeParticipants: true,
},
options: {
hideNumberOfParticipants: true,
},
},
undefined,
[],
{
memberships: {
total: 1,
elements: [{ role: "MEMBER" }],
},
}
);
await wrapper.vm.$nextTick();
expect(wrapper.html()).toMatchSnapshot();
});
});

View File

@@ -14,7 +14,6 @@ exports[`EventActionSection > event action section with basic informations 1`] =
<!--v-if-->
<!--v-if-->
<!--v-if-->
<!--v-if-->
<o-dropdown-item aria-role="listitem" class="p-1"><span class="flex gap-1"><share-stub fillcolor="currentColor" size="24"></share-stub> Share this event</span></o-dropdown-item>
<o-dropdown-item aria-role="listitem"><span class="flex gap-1"><calendar-plus-stub fillcolor="currentColor" size="24"></calendar-plus-stub> Add to my calendar</span></o-dropdown-item>
<!--v-if-->
@@ -56,16 +55,13 @@ exports[`EventActionSection > event action section with creator as participant 1
<!--v-if-->
<div class="flex flex-col gap-1 mt-1">
<p class="inline-flex gap-2 ml-auto">
<ticket-confirmation-outline-stub fillcolor="currentColor" size="24"></ticket-confirmation-outline-stub><a href="/events/f37910ea-fd5a-4756-9679-00971f3f4106/participations" class="participations-link">
<ticket-confirmation-outline-stub fillcolor="currentColor" size="24"></ticket-confirmation-outline-stub><a href="/events/f37910ea-fd5a-4756-9679-00971f3f4106/participations" class="participations-link underline">
<!-- We retire one because of the event creator who is a
participant --><span>No one is participating</span>
</a>
<!--v-if-->
</p>
<o-dropdown class="ml-auto">
<o-dropdown-item aria-role="listitem" has-link="">
<account-multiple-stub fillcolor="currentColor" size="24"></account-multiple-stub> Participations
</o-dropdown-item>
<o-dropdown-item aria-role="listitem" has-link="">
<bullhorn-stub fillcolor="currentColor" size="24"></bullhorn-stub> Announcements
</o-dropdown-item>
@@ -113,6 +109,106 @@ exports[`EventActionSection > event action section with creator as participant 1
</o-modal>"
`;
exports[`EventActionSection > event action section with event's group with permission for user/member 1`] = `
"<div class="">
<!--v-if-->
<div class="flex flex-col gap-1 mt-1">
<p class="inline-flex gap-2 ml-auto">
<ticket-confirmation-outline-stub fillcolor="currentColor" size="24"></ticket-confirmation-outline-stub><a href="/events/f37910ea-fd5a-4756-9679-00971f3f4106/participations" class="participations-link underline">
<!-- We retire one because of the event creator who is a
participant --><span>No one is participating</span>
</a>
<!--v-if-->
</p>
<o-dropdown class="ml-auto">
<!--v-if-->
<!--v-if-->
<!--v-if-->
<!--v-if-->
<!--v-if-->
<o-dropdown-item aria-role="listitem" class="p-1"><span class="flex gap-1"><share-stub fillcolor="currentColor" size="24"></share-stub> Share this event</span></o-dropdown-item>
<o-dropdown-item aria-role="listitem"><span class="flex gap-1"><calendar-plus-stub fillcolor="currentColor" size="24"></calendar-plus-stub> Add to my calendar</span></o-dropdown-item>
<!--v-if-->
</o-dropdown>
</div>
</div>
<o-modal active="false" has-modal-card="" close-button-aria-label="Close" autofocus="false" trapfocus="false">
<report-modal-stub title="Report this event"></report-modal-stub>
</o-modal>
<o-modal close-button-aria-label="Close" active="false" has-modal-card="">
<share-event-modal-stub event="[object Object]" eventcapacityok="true"></share-event-modal-stub>
</o-modal>
<o-modal active="false" has-modal-card="" close-button-aria-label="Close">
<!--v-if-->
</o-modal>
<o-modal active="false" has-modal-card="" close-button-aria-label="Close">
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Participation confirmation</p>
</header>
<section class="modal-card-body">
<p>The event organiser has chosen to validate manually participations. Do you want to add a little note to explain why you want to participate to this event?</p>
<form>
<o-field label="Message">
<o-input type="textarea" size="medium" modelvalue="" minlength="10"></o-input>
</o-field>
<div class="buttons">
<o-button native-type="button" class="button">Cancel</o-button>
<o-button variant="primary" type="submit">Confirm my participation</o-button>
</div>
</form>
</section>
</div>
</o-modal>"
`;
exports[`EventActionSection > event action section with event's group without permission for user/member 1`] = `
"<div class="">
<!--v-if-->
<div class="flex flex-col gap-1 mt-1">
<!--v-if-->
<o-dropdown class="ml-auto">
<!--v-if-->
<!--v-if-->
<!--v-if-->
<!--v-if-->
<!--v-if-->
<o-dropdown-item aria-role="listitem" class="p-1"><span class="flex gap-1"><share-stub fillcolor="currentColor" size="24"></share-stub> Share this event</span></o-dropdown-item>
<o-dropdown-item aria-role="listitem"><span class="flex gap-1"><calendar-plus-stub fillcolor="currentColor" size="24"></calendar-plus-stub> Add to my calendar</span></o-dropdown-item>
<!--v-if-->
</o-dropdown>
</div>
</div>
<o-modal active="false" has-modal-card="" close-button-aria-label="Close" autofocus="false" trapfocus="false">
<report-modal-stub title="Report this event"></report-modal-stub>
</o-modal>
<o-modal close-button-aria-label="Close" active="false" has-modal-card="">
<share-event-modal-stub event="[object Object]" eventcapacityok="true"></share-event-modal-stub>
</o-modal>
<o-modal active="false" has-modal-card="" close-button-aria-label="Close">
<!--v-if-->
</o-modal>
<o-modal active="false" has-modal-card="" close-button-aria-label="Close">
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Participation confirmation</p>
</header>
<section class="modal-card-body">
<p>The event organiser has chosen to validate manually participations. Do you want to add a little note to explain why you want to participate to this event?</p>
<form>
<o-field label="Message">
<o-input type="textarea" size="medium" modelvalue="" minlength="10"></o-input>
</o-field>
<div class="buttons">
<o-button native-type="button" class="button">Cancel</o-button>
<o-button variant="primary" type="submit">Confirm my participation</o-button>
</div>
</form>
</section>
</div>
</o-modal>"
`;
exports[`EventActionSection > event action section with participant 1`] = `
"<div class="">
<!--v-if-->
@@ -127,7 +223,6 @@ exports[`EventActionSection > event action section with participant 1`] = `
<!--v-if-->
<!--v-if-->
<!--v-if-->
<!--v-if-->
<o-dropdown-item aria-role="listitem" class="p-1"><span class="flex gap-1"><share-stub fillcolor="currentColor" size="24"></share-stub> Share this event</span></o-dropdown-item>
<o-dropdown-item aria-role="listitem"><span class="flex gap-1"><calendar-plus-stub fillcolor="currentColor" size="24"></calendar-plus-stub> Add to my calendar</span></o-dropdown-item>
<!--v-if-->

View File

@@ -13,6 +13,7 @@ let mockClient: MockApolloClient | null;
export let requestHandlers: Record<string, RequestHandler>;
export function getMockClient(queries: Array<any>): any {
cache.reset();
mockClient = createMockClient({
cache,
resolvers: buildCurrentUserResolver(cache),