hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

test: fix histoire configuration

Browse Source 
Nearly

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2023-11-14 18:59:28 +01:00
parent 2e72f6faf4
commit bfbc299f37
8 changed files with 71 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/Comment/EventComment.story.vue
View File

@@ -5,9 +5,9 @@
:comment="comment"
:event="event"
:currentActor="baseActor"
@create-comment="hstEvent('Create comment', $event)"
@delete-comment="hstEvent('Delete comment', $event)"
@report-comment="hstEvent('Report comment', $event)"
@create-comment="logEvent('Create comment', $event)"
@delete-comment="logEvent('Delete comment', $event)"
@report-comment="logEvent('Report comment', $event)"
/>
</Variant>
<Variant title="Announcement">
@@ -15,9 +15,9 @@
:comment="{ ...comment, isAnnouncement: true }"
:event="event"
:currentActor="baseActor"
@create-comment="hstEvent('Create comment', $event)"
@delete-comment="hstEvent('Delete comment', $event)"
@report-comment="hstEvent('Report comment', $event)"
@create-comment="logEvent('Create comment', $event)"
@delete-comment="logEvent('Delete comment', $event)"
@report-comment="logEvent('Report comment', $event)"
/>
</Variant>
</Story>
@@ -37,10 +37,23 @@ import { reactive } from "vue";
import Comment from "./EventComment.vue";
import FloatingVue from "floating-vue";
import "floating-vue/dist/style.css";
import { hstEvent } from "histoire/client";
import { logEvent } from "histoire/client";
import { createMemoryHistory, createRouter } from "vue-router";
function setupApp({ app }) {
app.use(FloatingVue);
app.use(
createRouter({
history: createMemoryHistory(),
routes: [
{
path: "/event/:uuid",
name: "Event",
component: { render: () => null },
},
],
})
);
}
const baseActorAvatar = {
@@ -64,7 +77,7 @@ const baseActor: IPerson = {
};
const baseEvent: IEvent = {
uuid: "",
uuid: "an-uuid",
title: "A very interesting event",
description: "Things happen",
beginsOn: new Date().toISOString(),

6
src/components/Event/OrganizerPicker.story.vue
View File

@@ -7,8 +7,8 @@
v-model:actor-filter="actorFilter"
:groupMemberships="[]"
:current-actor="currentActor"
@update:actor-filter="hstEvent('Actor Filter updated', $event)"
@update:model-value="hstEvent('Selected actor updated', $event)"
@update:actor-filter="logEvent('Actor Filter updated', $event)"
@update:model-value="logEvent('Selected actor updated', $event)"
/>
</Variant>
</Story>
@@ -18,7 +18,7 @@ import OrganizerPicker from "./OrganizerPicker.vue";
import { createMemoryHistory, createRouter } from "vue-router";
import { reactive, ref } from "vue";
import { ActorType } from "@/types/enums";
import { hstEvent } from "histoire/client";
import { logEvent } from "histoire/client";
const currentActor = reactive({
id: "59",

6
src/components/Event/OrganizerPickerWrapper.story.vue
View File

@@ -3,8 +3,8 @@
<Variant>
<OrganizerPickerWrapper
v-model="actor"
@update:model-value="hstEvent('Value', $event)"
@update:contacts="hstEvent('Contacts', $event)"
@update:model-value="logEvent('Value', $event)"
@update:contacts="logEvent('Contacts', $event)"
/>
</Variant>
</Story>
@@ -19,7 +19,7 @@ import { PERSON_GROUP_MEMBERSHIPS } from "@/graphql/actor";
import { createMemoryHistory, createRouter } from "vue-router";
import { IDENTITIES } from "@/graphql/actor";
import { reactive } from "vue";
import { hstEvent } from "histoire/client";
import { logEvent } from "histoire/client";
const actor = reactive({
id: "5",

18
src/components/Event/ParticipationButton.story.vue
View File

@@ -14,9 +14,9 @@
:current-actor="currentActor"
:participation="undefined"
:identities="identities"
@join-event="hstEvent('Join event', $event)"
@join-modal="hstEvent('Join modal', $event)"
@confirm-leave="hstEvent('Confirm leave', $event)"
@join-event="logEvent('Join event', $event)"
@join-modal="logEvent('Join modal', $event)"
@confirm-leave="logEvent('Confirm leave', $event)"
/>
</Variant>
<Variant title="Basic with confirmation">
@@ -26,9 +26,9 @@
:participation="undefined"
:identities="identities"
@join-event-with-confirmation="
hstEvent('Join Event with confirmation', $event)
logEvent('Join Event with confirmation', $event)
"
@join-modal="hstEvent('Join modal', $event)"
@join-modal="logEvent('Join modal', $event)"
/>
</Variant>
<Variant title="Participating">
@@ -37,7 +37,7 @@
:current-actor="currentActor"
:participation="participation"
:identities="identities"
@confirm-leave="hstEvent('Confirm leave', $event)"
@confirm-leave="logEvent('Confirm leave', $event)"
/>
</Variant>
<Variant title="Pending approval">
@@ -49,7 +49,7 @@
role: ParticipantRole.NOT_APPROVED,
}"
:identities="identities"
@confirm-leave="hstEvent('Confirm leave', $event)"
@confirm-leave="logEvent('Confirm leave', $event)"
/>
</Variant>
<Variant title="Rejected">
@@ -61,7 +61,7 @@
role: ParticipantRole.REJECTED,
}"
:identities="identities"
@confirm-leave="hstEvent('Confirm leave', $event)"
@confirm-leave="logEvent('Confirm leave', $event)"
/>
</Variant>
</Story>
@@ -72,7 +72,7 @@ import { IPerson } from "@/types/actor";
import { EventJoinOptions, ParticipantRole } from "@/types/enums";
import { IEvent } from "@/types/event.model";
import ParticipationButton from "./ParticipationButton.vue";
import { hstEvent } from "histoire/client";
import { logEvent } from "histoire/client";
import { IParticipant } from "@/types/participant.model";
const emptyCurrentActor: IPerson = {};

6
src/components/Home/SearchFields.story.vue
View File

@@ -4,8 +4,8 @@
<SearchFields
:search="''"
:location="{}"
@update:location="hstEvent('update location', $event)"
@update:search="hstEvent('update search', $event)"
@update:location="logEvent('update location', $event)"
@update:search="logEvent('update search', $event)"
/>
</Variant>
</Story>
@@ -14,7 +14,7 @@
import { apolloClient } from "@/vue-apollo";
import { DefaultApolloClient } from "@vue/apollo-composable";
import SearchFields from "./SearchFields.vue";
import { hstEvent } from "histoire/client";
import { logEvent } from "histoire/client";
function setupApp({ app }) {
app.provide(DefaultApolloClient, apolloClient);