<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version: [v1.31]</li>
<li>Operating System: [ Windows 11, Docker Linux alpine]</li>
<li>Browser: [ Firefox]</li>
<li>Other info:</li>
</ul>
<h3 dir="auto">Source code</h3>
<p dir="auto">Code sharing is not possible as it's a Restricted project.</p>
<p dir="auto"><strong>PS;</strong> :  I tried multiple way of waits (hard, soft) an interaction of elements, reload of the pages. etc.</p>
<p dir="auto">Stack Trace<br>
com.microsoft.playwright.TimeoutError: Error { message='Timeout 30000ms exceeded. =========================== logs =========================== waiting for locator("select[id*='expiration']") locator resolved to … attempting click action waiting for element to be visible, enabled and stable element is visible, enabled and stable scrolling into view if needed done scrolling performing click action ============================================================ name='TimeoutError stack='TimeoutError: Timeout 30000ms exceeded. =========================== logs =========================== waiting for locator("select[id*='expiration']") locator resolved to … attempting click action waiting for element to be visible, enabled and stable element is visible, enabled and stable scrolling into view if needed done scrolling performing click action ============================================================ at ProgressController.run (/tmp/playwright-java-15622334390061213365/package/lib/server/progress.js:88:26) at Frame.click (/tmp/playwright-java-15622334390061213365/package/lib/server/frames.js:1011:23) at FrameDispatcher.click (/tmp/playwright-java-15622334390061213365/package/lib/server/dispatchers/frameDispatcher.js:149:30) at DispatcherConnection.dispatch (/tmp/playwright-java-15622334390061213365/package/lib/server/dispatchers/dispatcher.js:319:46) } at com.microsoft.playwright.impl.WaitableResult.get(WaitableResult.java:52) at com.microsoft.playwright.impl.ChannelOwner.runUntil(ChannelOwner.java:111) at com.microsoft.playwright.impl.Connection.sendMessage(Connection.java:119) at com.microsoft.playwright.impl.ChannelOwner.sendMessage(ChannelOwner.java:102) at com.microsoft.playwright.impl.FrameImpl.clickImpl(FrameImpl.java:252) at com.microsoft.playwright.impl.FrameImpl.lambda$click$8(FrameImpl.java:243) at com.microsoft.playwright.impl.LoggingSupport.lambda$withLogging$0(LoggingSupport.java:36) at com.microsoft.playwright.impl.LoggingSupport.withLogging(LoggingSupport.java:47) at com.microsoft.playwright.impl.ChannelOwner.withLogging(ChannelOwner.java:87) at com.microsoft.playwright.impl.LoggingSupport.withLogging(LoggingSupport.java:35) at com.microsoft.playwright.impl.FrameImpl.click(FrameImpl.java:243) at com.microsoft.playwright.impl.LocatorImpl.click(LocatorImpl.java:123) at com.microsoft.playwright.Locator.click(Locator.java:2183) at com.esign.utility.CommonUtility.click(CommonUtility.java:35) at com.esign.steps.PackageSteps.user_enables_TRID_expiration(PackageSteps.java:1775) at ✽.user enables TRID expiration(file:///app/src/test/java/com/esign/features/smoke/CreatorUI_TRID.feature:397) Caused by: com.microsoft.playwright.TimeoutError: Error { message='Timeout 30000ms exceeded. =========================== logs =========================== waiting for locator("select[id*='expiration']") locator resolved to … attempting click action waiting for element to be visible, enabled and stable element is visible, enabled and stable scrolling into view if needed done scrolling performing click action ============================================================ name='TimeoutError stack='TimeoutError: Timeout 30000ms exceeded. =========================== logs =========================== waiting for locator("select[id*='expiration']") locator resolved to … attempting click action waiting for element to be visible, enabled and stable element is visible, enabled and stable scrolling into view if needed done scrolling performing click action ============================================================ at ProgressController.run (/tmp/playwright-java-15622334390061213365/package/lib/server/progress.js:88:26) at Frame.click (/tmp/playwright-java-15622334390061213365/package/lib/server/frames.js:1011:23) at FrameDispatcher.click (/tmp/playwright-java-15622334390061213365/package/lib/server/dispatchers/frameDispatcher.js:149:30) at DispatcherConnection.dispatch (/tmp/playwright-java-15622334390061213365/package/lib/server/dispatchers/dispatcher.js:319:46) } at com.microsoft.playwright.impl.Connection.dispatch(Connection.java:199) at com.microsoft.playwright.impl.Connection.processOneMessage(Connection.java:181) at com.microsoft.playwright.impl.ChannelOwner.runUntil(ChannelOwner.java:109) at com.microsoft.playwright.impl.Connection.sendMessage(Connection.java:119) at com.microsoft.playwright.impl.ChannelOwner.sendMessage(ChannelOwner.java:102) at com.microsoft.playwright.impl.FrameImpl.clickImpl(FrameImpl.java:252) at com.microsoft.playwright.impl.FrameImpl.lambda$click$8(FrameImpl.java:243) at com.microsoft.playwright.impl.LoggingSupport.lambda$withLogging$0(LoggingSupport.java:36) at com.microsoft.playwright.impl.LoggingSupport.withLogging(LoggingSupport.java:47) at com.microsoft.playwright.impl.ChannelOwner.withLogging(ChannelOwner.java:87) at com.microsoft.playwright.impl.LoggingSupport.withLogging(LoggingSupport.java:35) at com.microsoft.playwright.impl.FrameImpl.click(FrameImpl.java:243) at com.microsoft.playwright.impl.LocatorImpl.click(LocatorImpl.java:123) at com.microsoft.playwright.Locator.click(Locator.java:2183) at com.esign.utility.CommonUtility.click(CommonUtility.java:35) at com.esign.steps.PackageSteps.user_enables_TRID_expiration(PackageSteps.java:1775) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.base/java.lang.reflect.Method.invoke(Method.java:566) at io.cucumber.java.Invoker.doInvoke(Invoker.java:66) at io.cucumber.java.Invoker.invoke(Invoker.java:24) at io.cucumber.java.AbstractGlueDefinition.invokeMethod(AbstractGlueDefinition.java:47) at io.cucumber.java.JavaStepDefinition.execute(JavaStepDefinition.java:29) at io.cucumber.core.runner.CoreStepDefinition.execute(CoreStepDefinition.java:66) at io.cucumber.core.runner.PickleStepDefinitionMatch.runStep(PickleStepDefinitionMatch.java:63) at io.cucumber.core.runner.ExecutionMode$1.execute(ExecutionMode.java:10) at io.cucumber.core.runner.TestStep.executeStep(TestStep.java:85) at io.cucumber.core.runner.TestStep.run(TestStep.java:57) at io.cucumber.core.runner.PickleStepTestStep.run(PickleStepTestStep.java:51) at io.cucumber.core.runner.TestCase.run(TestCase.java:84) at io.cucumber.core.runner.Runner.runPickle(Runner.java:75) at io.cucumber.testng.TestNGCucumberRunner.lambda$runScenario$1(TestNGCucumberRunner.java:132) at io.cucumber.core.runtime.CucumberExecutionContext.lambda$runTestCase$5(CucumberExecutionContext.java:129) at io.cucumber.core.runtime.RethrowingThrowableCollector.executeAndThrow(RethrowingThrowableCollector.java:23) at io.cucumber.core.runtime.CucumberExecutionContext.runTestCase(CucumberExecutionContext.java:129) at io.cucumber.testng.TestNGCucumberRunner.runScenario(TestNGCucumberRunner.java:129) at io.cucumber.testng.AbstractTestNGCucumberTests.runScenario(AbstractTestNGCucumberTests.java:35) at jdk.internal.reflect.GeneratedMethodAccessor152.invoke(Unknown Source) at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.base/java.lang.reflect.Method.invoke(Method.java:566) at org.testng.internal.invokers.MethodInvocationHelper.invokeMethod(MethodInvocationHelper.java:139) at org.testng.internal.invokers.TestInvoker.invokeMethod(TestInvoker.java:677) at org.testng.internal.invokers.TestInvoker.invokeTestMethod(TestInvoker.java:221) at org.testng.internal.invokers.MethodRunner.runInSequence(MethodRunner.java:50) at org.testng.internal.invokers.TestInvoker$MethodInvocationAgent.invoke(TestInvoker.java:969) at org.testng.internal.invokers.TestInvoker.invokeTestMethods(TestInvoker.java:194) at org.testng.internal.invokers.TestMethodWorker.invokeTestMethods(TestMethodWorker.java:148) at org.testng.internal.invokers.TestMethodWorker.run(TestMethodWorker.java:128) at java.base/java.util.ArrayList.forEach(ArrayList.java:1541) at org.testng.TestRunner.privateRun(TestRunner.java:829) at org.testng.TestRunner.run(TestRunner.java:602) at org.testng.SuiteRunner.runTest(SuiteRunner.java:437) at org.testng.SuiteRunner.runSequentially(SuiteRunner.java:431) at org.testng.SuiteRunner.privateRun(SuiteRunner.java:391) at org.testng.SuiteRunner.run(SuiteRunner.java:330) at org.testng.SuiteRunnerWorker.runSuite(SuiteRunnerWorker.java:52) at org.testng.SuiteRunnerWorker.run(SuiteRunnerWorker.java:95) at org.testng.TestNG.runSuitesSequentially(TestNG.java:1256) at org.testng.TestNG.runSuitesLocally(TestNG.java:1176) at org.testng.TestNG.runSuites(TestNG.java:1099) at org.testng.TestNG.run(TestNG.java:1067) at org.apache.maven.surefire.testng.TestNGExecutor.run(TestNGExecutor.java:77) at org.apache.maven.surefire.testng.TestNGDirectoryTestSuite.execute(TestNGDirectoryTestSuite.java:110) at org.apache.maven.surefire.testng.TestNGProvider.invoke(TestNGProvider.java:106) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.base/java.lang.reflect.Method.invoke(Method.java:566) at org.apache.maven.surefire.util.ReflectionUtils.invokeMethodWithArray(ReflectionUtils.java:189) at org.apache.maven.surefire.booter.ProviderFactory$ProviderProxy.invoke(ProviderFactory.java:165) at org.apache.maven.surefire.booter.ProviderFactory.invokeProvider(ProviderFactory.java:85) at org.apache.maven.surefire.booter.ForkedBooter.runSuitesInProcess(ForkedBooter.java:115) at org.apache.maven.surefire.booter.ForkedBooter.main(ForkedBooter.java:75)<br>
2023-05-31 20:18:15</p>
<p dir="auto">We are using Playwright with java 19. My testcases are failing intermittently. Though they are passing on chrome.</p>
<p dir="auto">Mostly I see they are failed to find locators and giving timeout exceptions.</p>
<p dir="auto"><strong>Expected</strong></p>
<p dir="auto">Testcases should pass on Firefox browsers as well.<br>
<strong>Actual</strong></p>
<p dir="auto">Testcases are failing on Firefox browsers but passing on chrome</p>
  <tracking-block data-id="5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7" data-query-type="DEFAULT" data-response-source-type="DENORMALIZED" data-completion-completed="0" data-completion-total="0">
    <div class="TrackingBlock border color-border-subtle rounded-2 mb-3 pb-2" data-target="tracking-block.contentWrapper" data-action="tracking-block-omnibar-append:tracking-block tasklist-block-title-update:tracking-block change:tracking-block click:tracking-block">
      <x-banner data-view-component="true">
  <div hidden="hidden" data-target="tracking-block.staleBanner" data-view-component="true" class="Banner flash Banner--error flash-error mx-3 mt-3">
      <div class="Banner-visual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-stop">
    <path d="M4.47.22A.749.749 0 0 1 5 0h6c.199 0 .389.079.53.22l4.25 4.25c.141.14.22.331.22.53v6a.749.749 0 0 1-.22.53l-4.25 4.25A.749.749 0 0 1 11 16H5a.749.749 0 0 1-.53-.22L.22 11.53A.749.749 0 0 1 0 11V5c0-.199.079-.389.22-.53Zm.84 1.28L1.5 5.31v5.38l3.81 3.81h5.38l3.81-3.81V5.31L10.69 1.5ZM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
</svg>
      </div>
    <div data-view-component="true" class="Banner-message">
      <p class="Banner-title" data-target="x-banner.titleText">The content you are editing has changed. Please copy your edits and refresh the page.</p>
</div></div></x-banner>
      <div class="mx-3 mt-3 d-flex flex-justify-between mb-1 gap-2">
        <tasklist-block-title class="tasklist-title-container width-full d-flex flex-items-center mt-n1 ml-n1">
  <div class=" color-bg-open color-fg-open rounded p-1 d-flex flex-items-center flex-justify-center mr-1">
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-checklist js-tracking-block-completion-icon color-fg-open">
    <path d="M2.5 1.75v11.5c0 .138.112.25.25.25h3.17a.75.75 0 0 1 0 1.5H2.75A1.75 1.75 0 0 1 1 13.25V1.75C1 .784 1.784 0 2.75 0h8.5C12.216 0 13 .784 13 1.75v7.736a.75.75 0 0 1-1.5 0V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13.274 9.537v-.001l-4.557 4.45a.75.75 0 0 1-1.055-.008l-1.943-1.95a.75.75 0 0 1 1.062-1.058l1.419 1.425 4.026-3.932a.75.75 0 1 1 1.048 1.074ZM4.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM4 7.75A.75.75 0 0 1 4.75 7h2a.75.75 0 0 1 0 1.5h-2A.75.75 0 0 1 4 7.75Z"></path>
</svg>
  </div>
        <div data-target="tracking-block.titleEditMode tasklist-block-title.titleEditMode" hidden="hidden" style="width: 100%;" data-view-component="true">
          <!-- '"` --><!-- </textarea></xmp> --><form data-action="submit:tasklist-block-title#handleSubmit" data-turbo="false" style="display: flex; align-items: center;" action="" accept-charset="UTF-8" method="post">
              <primer-text-field class="FormControl width-full FormControl--fullWidth">
      <label class="sr-only FormControl-label" for="tasklist_title">
        Title of tasklist
</label>    
  <div class="FormControl-input-wrap">
    
      <input value="Tasks" data-target="primer-text-field.inputElement tasklist-block-title.titleInput" data-action="keydown:tasklist-block-title#handleKeyDown keyup:tasklist-block-title#handleKeyUp" test_selector="tasklist-block-title-input" aria-describedby="validation-8073755c-f95b-4ba7-84a1-32d5b29e6382" class="FormControl-input FormControl-medium js-tasklist-title-input" type="text" name="tasklist_title" id="tasklist_title">
</div>
    <div class="FormControl-inlineValidation" id="validation-8073755c-f95b-4ba7-84a1-32d5b29e6382" hidden="hidden">
      <span class="FormControl-inlineValidation--visual"><svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-alert-fill">
    <path d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 0 1-1.146 1.954H1.33A1.313 1.313 0 0 1 .183 9.058ZM7 7V3H5v4Zm-1 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path>
</svg></span>
      <span></span>
</div>    
</primer-text-field>

              <button data-action="click:tracking-block#hideTitleEditMode" type="button" data-view-component="true" class="Button--secondary Button--medium Button ml-2">    <span class="Button-content">
      <span class="Button-label">Cancel</span>
    </span>
</button>  

              <button type="submit" data-view-component="true" class="Button--primary Button--medium Button ml-2">    <span class="Button-content">
      <span class="Button-label">Save</span>
    </span>
</button></form>  
</div>
    <div data-target="tracking-block.titleViewMode tasklist-block-title.titleViewMode" data-view-component="true" class="d-flex flex-items-center">
      <h3 data-target="tasklist-block-title.titleText" data-view-component="true" class="m-0 flex-1">Tasks</h3>
          <div data-view-component="true" class="Button-withTooltip">
  <button data-action="click:tracking-block#showTitleEditMode" id="icon-button-645ef96b-cc38-4aa1-9284-63abd2d5a6ca" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium tasklist-title-edit-button ml-2">    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-pencil Button-visual">
    <path d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z"></path>
</svg>
</button>  <tool-tip id="tooltip-317d6061-dfb0-4407-a50a-0a817559f491" for="icon-button-645ef96b-cc38-4aa1-9284-63abd2d5a6ca" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Edit tasklist title</tool-tip>
</div>
</div></tasklist-block-title>


        <div data-view-component="true" class="flex-items-center flex-justify-between d-flex">
          <span data-view-component="true" class="Label Label--success">Beta</span>
            <a style="margin-bottom: 2px; white-space: nowrap;" target="_blank" href="https://github.com/community/community/discussions/39106" data-view-component="true" class="Link Link--muted ml-2 mr-4">Give feedback</a>

              <action-menu data-target="tracking-block-main.dropdownMenu" data-select-variant="none" data-view-component="true" class="tracking-block-list-item-dropdown-menu">
  <focus-group direction="vertical" mnemonics="" retain="">
    <div data-view-component="true" class="Button-withTooltip">
  <button data-targets="tracking-block.dropdownMenu" id="tracking-block-dropdown-menu-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-button" popovertarget="tracking-block-dropdown-menu-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-overlay" aria-controls="tracking-block-dropdown-menu-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-list" aria-haspopup="true" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--small Truncate tracking-block-menu-btn color-bg-transparent p-1 m-0 position-relative">    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path>
</svg>
</button>  <tool-tip id="tooltip-c1b52d84-c5be-4aeb-bdc2-f536ea24c64b" for="tracking-block-dropdown-menu-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Tasklist Tasks, more options</tool-tip>
</div>

<anchored-position id="tracking-block-dropdown-menu-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-overlay" anchor="tracking-block-dropdown-menu-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" aria-label="Menu" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      
        <div data-view-component="true">
  <ul aria-labelledby="tracking-block-dropdown-menu-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-button" id="tracking-block-dropdown-menu-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
      <li data-action="click:tracking-block#showTitleEditMode" data-analytics-event="{&quot;category&quot;:&quot;Tasklist Block&quot;,&quot;action&quot;:&quot;rename&quot;,&quot;label&quot;:null}" data-targets="action-list.items" type="button" role="none" data-view-component="true" class="ActionListItem">
    
    <button tabindex="-1" id="item-2da6f151-4ccf-4732-83e9-686ad87d78b8" role="menuitem" data-view-component="true" class="ActionListContent">
      
        <span data-view-component="true" class="ActionListItem-label">
                            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-pencil">
    <path d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z"></path>
</svg>
                  <span>Rename</span>

</span></button>
  
  
</li>
      <li data-action="click:tracking-block#copyBlockMarkdown" data-analytics-event="{&quot;category&quot;:&quot;Tasklist Block&quot;,&quot;action&quot;:&quot;copy markdown&quot;,&quot;label&quot;:null}" data-targets="action-list.items" type="button" role="none" data-view-component="true" class="ActionListItem">
    
    <button tabindex="-1" id="item-e0056188-7e88-46b5-b3d7-fb98185ef908" role="menuitem" data-view-component="true" class="ActionListContent">
      
        <span data-view-component="true" class="ActionListItem-label">
                            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
                  <span class="copy-markdown-button" data-hydro-click-payload="{&quot;event_type&quot;:&quot;tasklist_block.user_action&quot;,&quot;payload&quot;:{&quot;action&quot;:&quot;copy-markdown&quot;,&quot;user_id&quot;:12824323,&quot;tasklist_block_id&quot;:&quot;5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7&quot;,&quot;originating_url&quot;:null}}" data-hydro-click-hmac="d5b4c10b851aa831a490caca84c2db54e8eccb44a655a7c7602fe7df5dc120aa">
                    Copy markdown
                  </span>

</span></button>
  
  
</li>
      <li data-targets="action-list.items" type="button" role="none" data-view-component="true" class="ActionListItem">
    
    <button tabindex="-1" data-show-dialog-id="delete-tasklist-dialog-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7" id="delete-tasklist-button-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7" role="menuitem" data-view-component="true" class="ActionListContent">
      
        <span data-view-component="true" class="ActionListItem-label">
                            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-trash color-fg-danger">
    <path d="M11 1.75V3h2.25a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75ZM4.496 6.675l.66 6.6a.25.25 0 0 0 .249.225h5.19a.25.25 0 0 0 .249-.225l.66-6.6a.75.75 0 0 1 1.492.149l-.66 6.6A1.748 1.748 0 0 1 10.595 15h-5.19a1.75 1.75 0 0 1-1.741-1.575l-.66-6.6a.75.75 0 1 1 1.492-.15ZM6.5 1.75V3h3V1.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25Z"></path>
</svg>
                  <span>Delete tasklist</span>

</span></button>
  
  
</li>
</ul>  
</div>

</div></anchored-position>  </focus-group>
</action-menu>
              
<div class="Overlay--hidden Overlay-backdrop--center" data-modal-dialog-overlay="">
  <modal-dialog width="full" role="dialog" id="delete-tasklist-dialog-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7" aria-modal="true" aria-disabled="true" aria-describedby="delete-tasklist-dialog-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-title delete-tasklist-dialog-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-auto Overlay--motion-scaleFade">
    <div font="SF Pro Display" data-view-component="true" class="Overlay-header text-bold f2 color-fg-default">
  <div class="Overlay-headerContentWrap">
    <div class="Overlay-titleWrap">
      <h1 class="Overlay-title sr-only" id="delete-tasklist-dialog-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-title">
        Delete tasklist
      </h1>
        Delete tasklist block?
    </div>
    <div class="Overlay-actionWrap">
      <button data-close-dialog-id="delete-tasklist-dialog-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
</svg></button>
    </div>
  </div>
</div>
      <div data-view-component="true" class="Overlay-body color-fg-muted">Are you sure? All relationships in this tasklist will be removed.</div>
      <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd">                    <button data-close-dialog-id="delete-tasklist-dialog-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7" type="submit" data-view-component="true" class="Button--secondary Button--medium Button d-inline-block">    <span class="Button-content">
      <span class="Button-label">Cancel</span>
    </span>
</button>  

                    <button data-action="click:tracking-block#removeTasklistBlock" type="submit" data-view-component="true" class="Button--danger Button--medium Button d-inline-block">    <span class="Button-content">
      <span class="Button-label">Delete</span>
    </span>
</button>  

</div>
</modal-dialog></div>
</div>      </div>
        <div class="d-flex py-1 ml-3">
          <span style="font-weight: normal" class="color-fg-muted">No tasks being tracked yet.</span>
        </div>

      <ol dir="auto" class="TrackingBlock-list mb-0 list-style-none" data-target="tracking-block.list">

          <li hidden="" tabindex="0" class="TrackingBlock-item js-template d-flex mt-0 px-3 py-1 gap-2 flex-justify-between position-relative js-tasklist-draggable-issue border-bottom" data-target="tracking-block.emptyItemTemplate" data-draft-issue="">
            <div class="tasklist-issue-handle js-tasklist-drag-handle draft-handle flex-self-start">
              <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-grabber dragger-icon">
    <path d="M10 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0-4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm5-9a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
</svg>
            </div>
            <div class="d-flex Truncate tasklist-flex-grow">
              <label class="tasklist-checkbox">
                <input data-action="change:tracking-block" data-targets="tracking-block.inputs" class="mr-2" type="checkbox">
                <span class="sr-only tasklist-draft"></span>
              </label>

              <div data-tracking-block-draft-title="" class="tasklist-flex-grow d-flex">
                <div hidden="hidden" data-morpheus-ignore="hidden" data-view-component="true" class="js-title-text-field-wrapper tasklist-textarea-container width-full">
                  <textarea class="js-size-to-fit" aria-label="Draft title" data-action="change:tracking-block keydown:tracking-block focusout:tracking-block#draftTitleInputOutFocus" rows="1"></textarea>
</div>
                <div data-targets="tracking-block.renderedTitles" data-action="click:tracking-block#handleDraftTitleClick" data-morpheus-ignore="hidden" data-view-component="true" class="js-draft-title tasklist-draft-title-container empty-template-title d-flex flex-items-center width-full">
                  <span data-view-component="true" class="wb-break-word"></span>
</div>              </div>
            </div>
            <div data-targets="tracking-block.itemMenus">
              <action-menu data-select-variant="none" data-view-component="true" class="tracking-block-list-item-dropdown-menu">
  <focus-group direction="vertical" mnemonics="" retain="">
    <div data-view-component="true" class="Button-withTooltip">
  <button style="max-height:24px" data-targets="tracking-block.dropdownMenu" id="tracking-block-list-item-dropdown-menu-1234-1-button" popovertarget="tracking-block-list-item-dropdown-menu-1234-1-overlay" aria-controls="tracking-block-list-item-dropdown-menu-1234-1-list" aria-haspopup="true" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--small Truncate color-bg-transparent p-1 m-0 position-relative">    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path>
</svg>
</button>  <tool-tip id="tooltip-f65cb7f8-279e-4a1c-87de-78d5eff25a46" for="tracking-block-list-item-dropdown-menu-1234-1-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Options</tool-tip>
</div>

<anchored-position id="tracking-block-list-item-dropdown-menu-1234-1-overlay" anchor="tracking-block-list-item-dropdown-menu-1234-1-button" align="end" side="outside-bottom" anchor-offset="normal" popover="auto" aria-label="Menu" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      
        <div data-view-component="true">
  <ul aria-labelledby="tracking-block-list-item-dropdown-menu-1234-1-button" id="tracking-block-list-item-dropdown-menu-1234-1-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
      <li data-targets="action-list.items" type="button" data-tracking-block-convert-button="" role="none" data-view-component="true" class="ActionListItem color-fg-default d-flex">
    
    <button tabindex="-1" id="item-2014f617-7dbd-49a8-be3c-d16be5f91dc0" role="menuitem" data-view-component="true" class="ActionListContent">
      
        <span data-view-component="true" class="ActionListItem-label">
                            <div data-view-component="true" class="d-flex flex-items-center flex-justify-between">
                      <span data-view-component="true">Convert to issue</span>
</div>
</span></button>
  
  
</li>
      <li data-action="click:tracking-block#handleMarkAsDone" data-targets="action-list.items" type="button" role="none" data-view-component="true" class="ActionListItem color-fg-default">
    
    <button tabindex="-1" id="item-ef7d22af-e015-4141-b933-51556ea3bf3e" role="menuitem" data-view-component="true" class="ActionListContent">
      
        <span data-view-component="true" class="ActionListItem-label">
                          <div data-view-component="true" class="d-flex flex-items-center flex-justify-between">
                    <span data-view-component="true">Toggle completion</span>
</div>
</span></button>
  
  
</li>
      <li data-action="click:tracking-block#handleRename" data-targets="action-list.items" type="button" role="none" data-view-component="true" class="ActionListItem color-fg-default d-flex">
    
    <button tabindex="-1" id="item-cef1856f-bc7c-4337-bf91-b2f14d826aa2" role="menuitem" data-view-component="true" class="ActionListContent">
      
        <span data-view-component="true" class="ActionListItem-label">
                          <div data-view-component="true" class="d-flex flex-items-center flex-justify-between">
                    <span data-view-component="true">Rename</span>
</div>
</span></button>
  
  
</li>
      <li data-targets="action-list.items" type="button" data-tracking-block-remove-button="" role="none" data-view-component="true" class="ActionListItem--danger ActionListItem d-flex">
    
    <button tabindex="-1" id="item-df6c7f6d-94a0-4ac5-95a9-96a01be4133e" role="menuitem" data-view-component="true" class="ActionListContent">
      
        <span data-view-component="true" class="ActionListItem-label">
                          <div data-view-component="true" class="d-flex flex-items-center flex-justify-between">
                      <span data-view-component="true">Remove</span>
</div>
</span></button>
  
  
</li>
</ul>  
</div>

</div></anchored-position>  </focus-group>
</action-menu>            </div>
          </li>
          <li hidden="" class="TrackingBlock-item js-template d-flex mt-0 px-3 py-1 gap-2 flex-justify-between position-relative js-tasklist-draggable-issue" data-target="tracking-block.emptyIssueTemplate" data-issue="">
            <div class="tasklist-issue-handle js-tasklist-drag-handle draft-handle">
              <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-grabber dragger-icon">
    <path d="M10 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0-4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm5-9a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
</svg>
            </div>
            <div class="d-flex js-item-title flex-items-center">
              <div class="js-issue-template-content"></div>
            </div>
            <div style="flex-grow: 1" data-view-component="true"></div>
          </li>
      </ol>

            <div data-view-component="true" class="js-tracking-block-omnibar-container d-flex flex-items-center">
    <button leading_visual_icon="plus" system_arguments="font-weight normal" data-target="tracking-block.omnibarToggleButton" data-action="click:tracking-block#handleOmnibarToggleButtonClick" data-morpheus-ignore="hidden" type="button" data-view-component="true" class="Button--invisible Button--medium Button ml-2 mt-2 pl-2 color-fg-muted text-normal border-0">    <span class="Button-content">
        <span class="Button-visual Button-leadingVisual">
          <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-plus">
    <path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path>
</svg>
        </span>
      <span class="Button-label">Add item to  <span class="js-tracking-block-omnibar-title">Tasks</span></span>
    </span>
</button>  

  <tracking-block-omnibar class="width-full" data-target="tracking-block.omnibar" hidden="" data-morpheus-ignore="hidden">
    <!-- '"` --><!-- </textarea></xmp> --><form data-action="submit:tracking-block-omnibar#handleSubmit auto-complete-change:tracking-block-omnibar#handleAutoCompleteSelect" data-turbo="false" action="" accept-charset="UTF-8" method="post">
      <div class="tasklist-omnibar px-1">
        <div class="tasklist-omnibar-autocomplete-wrapper">
          <auto-complete data-target="tracking-block-omnibar.autocomplete" src="/microsoft/playwright/issues/23425/tracking_block/5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7/autocomplete" for="tasklist-omnibar-list-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7" data-view-component="true" class="tasklist-omnibar-input-wrapper">
  <div class="FormControl FormControl--fullWidth">
    <label for="tasklist-omnibar-input-element" class="FormControl-label sr-only">
      Type to add an item or paste in an issue URL
    </label>
        <div class="FormControl-input-wrap FormControl-medium FormControl-input-wrap--leadingVisual">
            <span class="FormControl-input-leadingVisualWrap">
                <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-plus FormControl-input-leadingVisual">
    <path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path>
</svg>
            </span>
            <input id="tasklist-omnibar-input-element" name="tasklist_omnibar" autocomplete="off" type="text" placeholder="Type to add an item or paste in an issue URL" data-view-component="true" class="FormControl-input FormControl-medium">
        </div>
  </div>
  <div class="Overlay-backdrop--anchor">
    <div class="Overlay Overlay--height-auto Overlay--width-auto">
      <div class="Overlay-body Overlay-body--paddingNone">
        <ul id="tasklist-omnibar-list-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7" data-view-component="true" class="ActionListWrap ActionListWrap--inset"></ul>
      </div>
    </div>
  </div>
  <div id="tasklist-omnibar-list-5344f7f9-91dd-4b1a-88ce-4c4c6be3b6e7-feedback" class="sr-only"></div>
</auto-complete>        </div>
      </div></form>
  </tracking-block-omnibar>
  <svg hidden="hidden" data-target="tracking-block.isSavingIcon" style="box-sizing: content-box; color: var(--color-icon-primary);" width="16" height="16" viewBox="0 0 16 16" fill="none" data-view-component="true" class="ml-auto mr-3 anim-rotate">
  <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke"></circle>
  <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke"></path>
</svg>
</div>

          <!-- '"` --><!-- </textarea></xmp> --><form data-form-tracking-block-update="" data-turbo="false" action="/microsoft/playwright/issues/23425" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="_method" value="put" autocomplete="off"></form>
    </div>
  </tracking-block>
<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version: v1.34.3</li>
<li>Operating System: macOS 13.4</li>
<li>Browser: Chromium</li>
<li>Other info: VS Code 1.78.2, extension version v1.0.11</li>
</ul>
<h3 dir="auto">Source code</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I provided exact source code that allows reproducing the issue locally.</li>
</ul>




<p dir="auto"><strong>Link to the GitHub repository with the repro</strong></p>
<p dir="auto"><a href="https://github.com/segevfiner/playwright-ct-vscode-issue">https://github.com/segevfiner/playwright-ct-vscode-issue</a></p>
<p dir="auto"><strong>Steps</strong></p>
<ul dir="auto">
<li><code class="notranslate">pnpm i</code></li>
<li>Open <code class="notranslate">HelloWorld.pw.ts</code> in VS Code.</li>
</ul>
<p dir="auto"><strong>Expected</strong></p>
<p dir="auto">It works and I can run the tests via the VS Code extension.</p>
<p dir="auto"><strong>Actual</strong></p>
<p dir="auto">The extension gives an error:</p>
<div class="highlight highlight-source-json notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="[{
	&quot;resource&quot;: &quot;/Users/segevfiner/junk/playwright-ct-issue/src/components/__tests__/HelloWorld.pw.ts&quot;,
	&quot;owner&quot;: &quot;pw.diagnostics&quot;,
	&quot;severity&quot;: 8,
	&quot;message&quot;: &quot;Unexpected token '&lt;'&quot;,
	&quot;source&quot;: &quot;playwright&quot;,
	&quot;startLineNumber&quot;: 2,
	&quot;startColumn&quot;: 1,
	&quot;endLineNumber&quot;: 3,
	&quot;endColumn&quot;: 1
}]"><pre class="notranslate">[{
	<span class="pl-ent">"resource"</span>: <span class="pl-s"><span class="pl-pds">"</span>/Users/segevfiner/junk/playwright-ct-issue/src/components/__tests__/HelloWorld.pw.ts<span class="pl-pds">"</span></span>,
	<span class="pl-ent">"owner"</span>: <span class="pl-s"><span class="pl-pds">"</span>pw.diagnostics<span class="pl-pds">"</span></span>,
	<span class="pl-ent">"severity"</span>: <span class="pl-c1">8</span>,
	<span class="pl-ent">"message"</span>: <span class="pl-s"><span class="pl-pds">"</span>Unexpected token '&lt;'<span class="pl-pds">"</span></span>,
	<span class="pl-ent">"source"</span>: <span class="pl-s"><span class="pl-pds">"</span>playwright<span class="pl-pds">"</span></span>,
	<span class="pl-ent">"startLineNumber"</span>: <span class="pl-c1">2</span>,
	<span class="pl-ent">"startColumn"</span>: <span class="pl-c1">1</span>,
	<span class="pl-ent">"endLineNumber"</span>: <span class="pl-c1">3</span>,
	<span class="pl-ent">"endColumn"</span>: <span class="pl-c1">1</span>
}]</pre></div>
<p dir="auto">The tests do work when run from the CLI, and it used to work in previous Playwright versions.</p>