fix(ld-cookie-consent): focus disclaimer on showDisclaimer even if al…

…ready shown

src/liquid/components/ld-cookie-consent/ld-cookie-consent.tsx

@@ -112,6 +112,7 @@ export class LdCookieConsent {
   } | null
   @State() private selectedCategories: Set<string> = new Set()
 
+  private disclaimerRef: HTMLDivElement
   private modalRef: HTMLLdModalElement
   private config: LdCookieConsentConfig = {
     backdropBlur: true,
@@ -184,6 +185,7 @@ export class LdCookieConsent {
   async showDisclaimer(delay?: number) {
     const cb = () => {
       this.isDisclaimerVisible = true
+      this.disclaimerRef?.focus()
       this.ldCookieConsentDisclaimerShow.emit()
     }
     if (delay) {
@@ -357,6 +359,7 @@ export class LdCookieConsent {
           this.focus()
         }}
         part="disclaimer"
+        ref={(ref) => (this.disclaimerRef = ref)}
         role="dialog"
         tabIndex={this.isDisclaimerVisible ? -1 : undefined}
       >

src/liquid/components/ld-cookie-consent/test/ld-cookie-consent.spec.tsx

@@ -271,6 +271,33 @@ describe('ld-cookie-consent', () => {
       expect(disclaimerShowHandler).toHaveBeenCalledTimes(1)
     })
 
+    it('sets focus on disclaimer when calling method showDisclaimer even if already shown', async () => {
+      const page = await newSpecPage({
+        components: [LdCookieConsent],
+        template: () => (
+          <ld-cookie-consent
+            settings={{
+              mode: 'notice-only',
+              privacyStatementURL: '#',
+              showOnLoadDelay: 0,
+            }}
+          />
+        ),
+      })
+      const ldCookieConsent = getLdCookieConsent(page)
+      const disclaimer = getDisclaimer(page)
+      disclaimer.focus = jest.fn()
+      await transitionEnd(page)
+      await page.waitForChanges()
+
+      expect(disclaimer).toHaveClass('ld-cookie-consent__disclaimer--visible')
+      expect(disclaimer.focus).toHaveBeenCalledTimes(1)
+
+      ldCookieConsent.showDisclaimer()
+      await page.waitForChanges()
+      expect(disclaimer.focus).toHaveBeenCalledTimes(2)
+    })
+
     it('shows up on load without delay', async () => {
       const page = await newSpecPage({
         components: [LdCookieConsent],