feat: article editor core

web/src/components/__tests__/loginCardConformance.spec.ts

@@ -33,7 +33,8 @@ let currentWrapper: Awaited<ReturnType<typeof mount>> | null = null
 
 async function mountLogin(path = '/login') {
 	setActivePinia(createPinia())
-	global.fetch = (() => mockResponse(200, { open: false })) as unknown as typeof fetch
+	global.fetch = (() =>
+		mockResponse(200, { open: false })) as unknown as typeof fetch
 	await router.push(path)
 	const wrapper = mount(LoginView, {
 		attachTo: document.body,
@@ -77,7 +78,9 @@ describe('A field error shows the circle-alert icon with no extra focus halo', (
 		await wrapper.find('form').trigger('submit')
 		await flushPromises()
 
-		const fieldRoots = wrapper.findAll('[data-slot="root"][data-orientation]')
+		const fieldRoots = wrapper.findAll(
+			'[data-slot="root"][data-orientation]',
+		)
 		const usernameError = fieldRoots[0]!.find('[data-slot="error"]')
 		const passwordError = fieldRoots[1]!.find('[data-slot="error"]')
 
@@ -94,7 +97,9 @@ describe('A field error shows the circle-alert icon with no extra focus halo', (
 		expect(usernameInput.classes()).toContain('ring-error')
 		expect(usernameInput.classes()).toContain('focus-visible:ring-error')
 		expect(usernameInput.classes()).not.toContain('ring-primary')
-		expect(usernameInput.classes()).not.toContain('focus-visible:ring-primary')
+		expect(usernameInput.classes()).not.toContain(
+			'focus-visible:ring-primary',
+		)
 	})
 })
 
@@ -141,19 +146,31 @@ describe('The alert renders inside the card, under the description', () => {
 			expect(card.element.contains(alert.element)).toBe(true)
 			expect(alert.text()).toContain(text)
 
-			const rootsInCard = card.findAll('[data-slot="root"][data-orientation]')
-			expect(rootsInCard.some((root) => root.classes().includes('bg-primary'))).toBe(false)
+			const rootsInCard = card.findAll(
+				'[data-slot="root"][data-orientation]',
+			)
+			expect(
+				rootsInCard.some((root) =>
+					root.classes().includes('bg-primary'),
+				),
+			).toBe(false)
 
-			const usernameInput = wrapper.find('input[placeholder="Your username"]')
+			const usernameInput = wrapper.find(
+				'input[placeholder="Your username"]',
+			)
 			const html = card.html()
 			expect(html.indexOf('Welcome back')).toBeGreaterThan(-1)
-			expect(html.indexOf('Welcome back')).toBeLessThan(html.indexOf(text))
+			expect(html.indexOf('Welcome back')).toBeLessThan(
+				html.indexOf(text),
+			)
 			expect(html.indexOf(text)).toBeLessThan(html.indexOf('Username'))
 			expect(card.element.contains(usernameInput.element)).toBe(true)
 
-			expect(alert.classes().some((c) => /^bg-\(--rc-(info|success)-soft\)$/.test(c))).toBe(
-				true,
-			)
+			expect(
+				alert
+					.classes()
+					.some((c) => /^bg-\(--rc-(info|success)-soft\)$/.test(c)),
+			).toBe(true)
 		},
 	)
 })