test(playwright): fix align spec — overlay click + wrong assert target

Two bugs in the migrated Playwright spec (#7622) caused every CI run
on ether/etherpad with WITH_PLUGINS=1 to fail (chromium + firefox):

1. After selectAllText(), the #toolbar-overlay div in core's pad.html
   intercepts pointer events on the alignment buttons, so the click
   times out (90s). Mirror the {force: true} pattern that
   ep_etherpad-lite's clearAuthorship() helper already uses for the
   same reason.

2. The assertion read style from the inner <span>, but ep_align's
   aceDomLineProcessLineAttributes (static/js/index.js) renders the
   text-align style on the wrapping block element (<left>, <center>,
   <right>, <justify>), not on the span. Read it from the wrapper and
   use toHaveAttribute() so the assertion retries while the DOM
   settles.

Verified locally against an Etherpad instance running ep_align@10.0.2:
all four `Alignment of Text` cases pass; reverting either change
reproduces the CI failure (\"Received string: ''\").

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: JohnMcLear

static/tests/frontend-new/specs/align.spec.ts

@@ -15,11 +15,18 @@ test.describe('Alignment of Text', () => {
       await writeToPad(page, 'aligned text');
       await selectAllText(page);
 
-      await page.locator(`.ep_align_${alignment}`).click();
+      // force:true bypasses the #toolbar-overlay div that intercepts pointer
+      // events after a text selection (same pattern as clearAuthorship() in
+      // ep_etherpad-lite's padHelper).
+      await page.locator(`.ep_align_${alignment}`).click({force: true});
 
-      const span = padBody.locator('div').first().locator('span').first();
-      const style = await span.getAttribute('style') ?? '';
-      expect(style).toMatch(new RegExp(`text-align:\\s*${alignment}`));
+      // ep_align wraps the line content in a block element (<left>, <center>,
+      // <right>, <justify>) carrying the text-align style — see
+      // aceDomLineProcessLineAttributes in static/js/index.js. The inner
+      // <span> has no style of its own, so assert against the wrapper.
+      const wrapper = padBody.locator('div').first().locator(alignment);
+      await expect(wrapper).toHaveAttribute(
+          'style', new RegExp(`text-align:\\s*${alignment}`));
       await expect(padBody.locator('div').first()).toHaveText('aligned text');
     });
   }