trying to fix test failed

Author: eric2788

src/components/TailwindScope.tsx

@@ -9,12 +9,15 @@ import ReactShadowRoot from 'react-shadow-root';
  * @param {boolean} [props.dark] - Optional. Specifies whether the dark mode should be applied.
  * @returns {JSX.Element} The rendered TailwindScope component.
  */
-function TailwindScope({ children, dark }: { children: React.ReactNode, dark?: boolean }): JSX.Element {
+function TailwindScope({ children, dark, styles }: { children: React.ReactNode, dark?: boolean, styles?: string[] }): JSX.Element {
     return (
         <div className={dark === true ? `dark` : ''}>
             <ReactShadowRoot>
-                <style>{styleText}</style>
-                {children}
+                <style key="tailwind">{styleText}</style>
+                {styles?.map((style, i) => <style key={i}>{style}</style>)}
+                <div className="relative z-[3000]">
+                    {children}
+                </div>
             </ReactShadowRoot>
         </div>
     )

src/features/jimaku/components/JimakuLine.tsx

@@ -24,7 +24,7 @@ function JimakuLine({ item, show, index, observer }: JimakuLineProps): JSX.Eleme
     const ref = useRowOptimizer<HTMLParagraphElement>(observer)
 
     return (
-        <p ref={ref} onContextMenu={show} jimaku-hash={item.hash} jimaku-uid={item.uid} jimaku-index={index}>
+        <p ref={ref} onContextMenu={show} jimaku-hash={item.hash} jimaku-index={index}>
             {item.text}
         </p>
     )

tests/content.spec.ts

@@ -11,9 +11,9 @@ test('測試主元素是否存在', async ({ content }) => {
     await expect(csui.locator('#bjf-root')).toBeAttached()
 })
 
-test('测试扩展CSS有否影响到外围', async ({ content, room }) => {
+test('测试扩展CSS有否影响到外围', async ({ content, room, isThemeRoom }) => {
 
-    test.skip(await room.isThemePage(), '此測試不適用於大海報房間')
+    test.skip(isThemeRoom, '此測試不適用於大海報房間')
 
     logger.info('正在測試 CSS 有否外溢...')
 

tests/features/jimaku.spec.ts

@@ -17,7 +17,7 @@ test('測試功能元素是否存在', async ({ content: p }) => {
 
 })
 
-test('測試字幕區塊是否存在', async ({ content: p, isThemeRoom }) => {
+test('測試字幕區塊是否存在', { tag: "@scoped" }, async ({ content: p, isThemeRoom }) => {
 
     test.skip(isThemeRoom, '此測試不適用於大海報房間')
 
@@ -73,7 +73,7 @@ test('測試字幕按鈕 (刪除/下載)', async ({ room, content: p, page }) =>
 })
 
 
-test('測試彈出同傳視窗', async ({ room, context, tabUrl, page, content }) => {
+test('測試彈出同傳視窗', { tag: "@scoped" }, async ({ room, context, tabUrl, page, content }) => {
     // modify settings
     logger.info('正在修改設定...')
     const settingsPage = await context.newPage()
@@ -308,9 +308,9 @@ test('測試右鍵同傳字幕來屏蔽同傳發送者', async ({ content, room,
 
 })
 
-test('測試全屏時字幕區塊是否存在 + 顯示切換', async ({ content: p, room }) => {
+test('測試全屏時字幕區塊是否存在 + 顯示切換', async ({ content: p, room, isThemeRoom }) => {
 
-    test.skip(await room.isThemePage(), '此測試不適用於大海報房間')
+    test.skip(isThemeRoom, '此測試不適用於大海報房間')
 
     const area = p.locator('#jimaku-area div#subtitle-list')
     await expect(area).toBeAttached()

tests/features/superchat.spec.ts

@@ -84,7 +84,7 @@ test('測試寫入醒目留言和醒目留言按鈕 (插入/刪除/下載)', asy
     expect(superchatList.length).toBe(0)
 })
 
-test('測試拖拽按鈕', async ({ content }) => {
+test('測試拖拽按鈕', { tag: "@scoped" }, async ({ content }) => {
 
     const dragPoint = content.locator('bjf-csui section#bjf-feature-superchat > div > div')
     const p1 = content.locator('#rank-list-ctnr-box')