test: add test case

Author: 9romise

test/nuxt/components/DateTime.spec.ts

@@ -5,7 +5,6 @@ import DateTime from '~/components/DateTime.vue'
 // Mock the useRelativeDates composable
 const mockRelativeDates = shallowRef(false)
 vi.mock('~/composables/useSettings', () => ({
-  useRelativeDates: () => mockRelativeDates,
   useSettings: () => ({
     settings: ref({ relativeDates: mockRelativeDates.value }),
   }),
@@ -128,6 +127,18 @@ describe('DateTime', () => {
       })
       expect(component.find('time').attributes('title')).toContain(testYear)
     })
+
+    it('click to toggle relative dates setting', async () => {
+      const component = await mountSuspended(DateTime, {
+        props: { datetime: testDate },
+      })
+
+      const button = component.find('button')
+      button.trigger('click')
+      expect(mockRelativeDates.value).toBeTruthy()
+      button.trigger('click')
+      expect(mockRelativeDates.value).toBeFalsy()
+    })
   })
 
   describe('SSR fallback', () => {