summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
diff options
context:
space:
mode:
authorAcid Chicken (硫酸鶏) <root@acid-chicken.com>2023-04-13 12:20:39 +0900
committerGitHub <noreply@github.com>2023-04-13 12:20:39 +0900
commit9bb6c536c0cdf6c5fa5e9bda7ceba36f007ef4eb (patch)
tree43682137b867ebc3dddc3a12e3bb5f50098f4f56 /packages/frontend/src/components/MkAnalogClock.stories.impl.ts
parent[ci skip] improve readability (diff)
downloadsharkey-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/MkAnalogClock.stories.impl.ts')
-rw-r--r--packages/frontend/src/components/MkAnalogClock.stories.impl.ts9
1 files changed, 9 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkAnalogClock.stories.impl.ts b/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
index 05190aa268..e7fbb47284 100644
--- a/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
+++ b/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
@@ -1,6 +1,7 @@
/* eslint-disable @typescript-eslint/explicit-function-return-type */
import { StoryObj } from '@storybook/vue3';
import MkAnalogClock from './MkAnalogClock.vue';
+import isChromatic from 'chromatic';
export const Default = {
render(args) {
return {
@@ -22,6 +23,14 @@ export const Default = {
template: '<MkAnalogClock v-bind="props" />',
};
},
+ args: {
+ now: isChromatic() ? () => new Date('2023-01-01T10:10:30') : undefined,
+ },
+ decorators: [
+ () => ({
+ template: '<div style="container-type:inline-size;height:100%"><div style="height:100cqmin;margin:auto;width:100cqmin"><story/></div></div>',
+ }),
+ ],
parameters: {
layout: 'fullscreen',
},