diff options
| author | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2023-04-13 12:20:39 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-13 12:20:39 +0900 |
| commit | 9bb6c536c0cdf6c5fa5e9bda7ceba36f007ef4eb (patch) | |
| tree | 43682137b867ebc3dddc3a12e3bb5f50098f4f56 /packages/frontend/src/components/MkAbuseReport.stories.impl.ts | |
| parent | [ci skip] improve readability (diff) | |
| download | sharkey-9bb6c536c0cdf6c5fa5e9bda7ceba36f007ef4eb.tar.gz sharkey-9bb6c536c0cdf6c5fa5e9bda7ceba36f007ef4eb.tar.bz2 sharkey-9bb6c536c0cdf6c5fa5e9bda7ceba36f007ef4eb.zip | |
test(#10336): add `components/Mk[A-B].*` stories (#10475)
* chore(#10336): register snippets
* test(#10336): add `components/Mk[A-B].*` stories
* build: desynced lockfile
* ci(#10336): preload assets
* ci(#10336): use pull_request
* build: update lockfile
* fix: reactivity transform
* chore: track upstream changes
* refactor: avoid temporary previous tapping declarations
* revert: avoid temporary previous tapping declarations
This reverts commit e649b1b1e6771bee674f2dfb044e0efd72d0be5d.
* test: flaky snapshots
* style: import
Diffstat (limited to 'packages/frontend/src/components/MkAbuseReport.stories.impl.ts')
| -rw-r--r-- | packages/frontend/src/components/MkAbuseReport.stories.impl.ts | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkAbuseReport.stories.impl.ts b/packages/frontend/src/components/MkAbuseReport.stories.impl.ts new file mode 100644 index 0000000000..7d27adeb04 --- /dev/null +++ b/packages/frontend/src/components/MkAbuseReport.stories.impl.ts @@ -0,0 +1,49 @@ +/* eslint-disable @typescript-eslint/explicit-function-return-type */ +import { action } from '@storybook/addon-actions'; +import { StoryObj } from '@storybook/vue3'; +import { rest } from 'msw'; +import { abuseUserReport } from '../../.storybook/fakes'; +import { commonHandlers } from '../../.storybook/mocks'; +import MkAbuseReport from './MkAbuseReport.vue'; +export const Default = { + render(args) { + return { + components: { + MkAbuseReport, + }, + setup() { + return { + args, + }; + }, + computed: { + props() { + return { + ...this.args, + }; + }, + events() { + return { + resolved: action('resolved'), + }; + }, + }, + template: '<MkAbuseReport v-bind="props" v-on="events" />', + }; + }, + args: { + report: abuseUserReport(), + }, + parameters: { + layout: 'fullscreen', + msw: { + handlers: [ + ...commonHandlers, + rest.post('/api/admin/resolve-abuse-user-report', async (req, res, ctx) => { + action('POST /api/admin/resolve-abuse-user-report')(await req.json()); + return res(ctx.json({})); + }), + ], + }, + }, +} satisfies StoryObj<typeof MkAbuseReport>; |