<p dir="auto">In the following code, playwirght is not able to recognize the click event on search button.<br>
When i ran the application in debug mode even the debug statement is not capturing the details of the search image click.<br>
Search result are displayed but there is no trace of click statement in debug logs. It was working lat week but started failing earlier this week.</p>
<p dir="auto">Since the click event is not triggered so the playwright scripts gets hanged while waiting for the below line in the code<br>
await page.getByTestId('close-icon-search-employeeId').click();</p>



<h3 dir="auto">System info</h3>
<ul dir="auto">
<li>Playwright Version: Version 1.30.0</li>
<li>Operating System: macOS Ventura - Version 13.2.1 (22D68)</li>
<li>Browser: [All, Chromium, Firefox, WebKit]</li>
<li>Other info:</li>
</ul>
<h3 dir="auto">Source code</h3>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import { test, expect } from '@playwright/test';

test('test', async ({ page }) =&gt; {
import { test, expect } from '@playwright/test';

test('test', async ({ page }) =&gt; {
  await page.goto('https://qe.east.1.crewbid.dev.swalife.com/');
  await page.goto('https://sso.fed.dev.aws.swacorp.com/as/authorization.oauth2?redirect_uri=https%3A%2F%2Fqe.east.1.crewbid.dev.swalife.com%2Fcallback&amp;client_id=p501609&amp;response_type=code&amp;state=whTxY4zt5u&amp;scope=openid%20email%20profile%20address%20phone&amp;code_challenge=48cXQ7_GxbcZAqJtJDsIep5QK-XjHcj1yvBHFaK7ewM&amp;code_challenge_method=S256');
  await page.locator('#password').click();
  await page.locator('#password').fill('import { test, expect } from \'@playwright/test\';  test(\'test\', async ({ page }) =&gt; {   await page.goto(\'https://qe.east.1.crewbid.dev.swalife.com/\');   await page.goto(\'https://sso.fed.dev.aws.swacorp.com/as/authorization.oauth2?redirect_uri=https%3A%2F%2Fqe.east.1.crewbid.dev.swalife.com%2Fcallback&amp;client_id=p501609&amp;response_type=code&amp;state=vXUnnB9JPJ&amp;scope=openid%20email%20profile%20address%20phone&amp;code_challenge=YUzDinI4WMcfQpw3x_RWK2H6fF64dSIeUUHBpHF9ARA&amp;code_challenge_method=S256\');   await page.locator(\'#username\').click();   await page.locator(\'#username\').fill(\'e5050\');   await page.locator(\'#password\').click();   await page.locator(\'#password\').fill(\'N2ZyfeZS\');   await page.getByText(\'Submit\').click();   await page.getByTestId(\'card-button-IFVacationCrewAuction\').click();   await page.getByTestId(\'navigation-link-IFVacationCrewReportLinks\').click();   await page.getByTestId(\'navigation-link-IFVacationCrewReportsLowestSeniorityAwards\').click();   await page.getByRole(\'link\', { name: \'Back\' }).click();   await page.getByTestId(\'navigation-link-IFVacationCrewReportsSeniorityListItems\').click();   await page.getByTestId(\'search-employeeId\').click();   await page.getByTestId(\'search-employeeId\').fill(\'5050\'); });');
  await page.locator('#password').press('Meta+a');
  await page.locator('#password').fill('');
  await page.locator('#password').click();
  await page.locator('#password').fill('N2ZyfeZS');
  await page.locator('#username').click();
  await page.locator('#username').fill('e5050');
  await page.getByText('Submit').click();
  await page.getByTestId('card-button-IFVacationCrewAuction').click();
  await page.getByTestId('navigation-link-IFVacationCrewReportLinks').click();
  await page.getByTestId('navigation-link-IFVacationCrewReportsSeniorityListItems').click();
  await page.getByTestId('search-employeeId').click();
  **await page.getByTestId('search-employeeId').fill('5050');**
});"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">test</span><span class="pl-kos">,</span> <span class="pl-s1">expect</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'@playwright/test'</span><span class="pl-kos">;</span>

<span class="pl-s1">test</span><span class="pl-kos">(</span><span class="pl-s">'test'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">{</span> page <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">test</span><span class="pl-kos">,</span> <span class="pl-s1">expect</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'@playwright/test'</span><span class="pl-kos">;</span>

<span class="pl-en">test</span><span class="pl-kos">(</span><span class="pl-s">'test'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">{</span> page <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">goto</span><span class="pl-kos">(</span><span class="pl-s">'https://qe.east.1.crewbid.dev.swalife.com/'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">goto</span><span class="pl-kos">(</span><span class="pl-s">'https://sso.fed.dev.aws.swacorp.com/as/authorization.oauth2?redirect_uri=https%3A%2F%2Fqe.east.1.crewbid.dev.swalife.com%2Fcallback&amp;client_id=p501609&amp;response_type=code&amp;state=whTxY4zt5u&amp;scope=openid%20email%20profile%20address%20phone&amp;code_challenge=48cXQ7_GxbcZAqJtJDsIep5QK-XjHcj1yvBHFaK7ewM&amp;code_challenge_method=S256'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">locator</span><span class="pl-kos">(</span><span class="pl-s">'#password'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">locator</span><span class="pl-kos">(</span><span class="pl-s">'#password'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">fill</span><span class="pl-kos">(</span><span class="pl-s">'import { test, expect } from \'@playwright/test\';  test(\'test\', async ({ page }) =&gt; {   await page.goto(\'https://qe.east.1.crewbid.dev.swalife.com/\');   await page.goto(\'https://sso.fed.dev.aws.swacorp.com/as/authorization.oauth2?redirect_uri=https%3A%2F%2Fqe.east.1.crewbid.dev.swalife.com%2Fcallback&amp;client_id=p501609&amp;response_type=code&amp;state=vXUnnB9JPJ&amp;scope=openid%20email%20profile%20address%20phone&amp;code_challenge=YUzDinI4WMcfQpw3x_RWK2H6fF64dSIeUUHBpHF9ARA&amp;code_challenge_method=S256\');   await page.locator(\'#username\').click();   await page.locator(\'#username\').fill(\'e5050\');   await page.locator(\'#password\').click();   await page.locator(\'#password\').fill(\'N2ZyfeZS\');   await page.getByText(\'Submit\').click();   await page.getByTestId(\'card-button-IFVacationCrewAuction\').click();   await page.getByTestId(\'navigation-link-IFVacationCrewReportLinks\').click();   await page.getByTestId(\'navigation-link-IFVacationCrewReportsLowestSeniorityAwards\').click();   await page.getByRole(\'link\', { name: \'Back\' }).click();   await page.getByTestId(\'navigation-link-IFVacationCrewReportsSeniorityListItems\').click();   await page.getByTestId(\'search-employeeId\').click();   await page.getByTestId(\'search-employeeId\').fill(\'5050\'); });'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">locator</span><span class="pl-kos">(</span><span class="pl-s">'#password'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">press</span><span class="pl-kos">(</span><span class="pl-s">'Meta+a'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">locator</span><span class="pl-kos">(</span><span class="pl-s">'#password'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">fill</span><span class="pl-kos">(</span><span class="pl-s">''</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">locator</span><span class="pl-kos">(</span><span class="pl-s">'#password'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">locator</span><span class="pl-kos">(</span><span class="pl-s">'#password'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">fill</span><span class="pl-kos">(</span><span class="pl-s">'N2ZyfeZS'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">locator</span><span class="pl-kos">(</span><span class="pl-s">'#username'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">locator</span><span class="pl-kos">(</span><span class="pl-s">'#username'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">fill</span><span class="pl-kos">(</span><span class="pl-s">'e5050'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByText</span><span class="pl-kos">(</span><span class="pl-s">'Submit'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'card-button-IFVacationCrewAuction'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'navigation-link-IFVacationCrewReportLinks'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'navigation-link-IFVacationCrewReportsSeniorityListItems'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'search-employeeId'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span><span class="pl-s1"></span>
  <span class="pl-c1">**</span><span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'search-employeeId'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">fill</span><span class="pl-kos">(</span><span class="pl-s">'5050'</span><span class="pl-kos">)</span><span class="pl-kos">;</span><span class="pl-s1"></span><span class="pl-c1">**</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><strong>Test file (self-contained)</strong></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="it('should check the box using setChecked', async ({ page }) =&gt; {
  await page.setContent(`&lt;input id='checkbox' type='checkbox'&gt;&lt;/input&gt;`);
  await page.getByRole('checkbox').check();
  await expect(page.getByRole('checkbox')).toBeChecked();
});"><pre class="notranslate"><span class="pl-en">it</span><span class="pl-kos">(</span><span class="pl-s">'should check the box using setChecked'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">{</span> page <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">setContent</span><span class="pl-kos">(</span><span class="pl-s">`&lt;input id='checkbox' type='checkbox'&gt;&lt;/input&gt;`</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByRole</span><span class="pl-kos">(</span><span class="pl-s">'checkbox'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">check</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-en">expect</span><span class="pl-kos">(</span><span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByRole</span><span class="pl-kos">(</span><span class="pl-s">'checkbox'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">toBeChecked</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><strong>Steps</strong></p>
<ul dir="auto">
<li>[Run the test]</li>
</ul>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="import { test, expect } from '@playwright/test';

 test.only('crew member validates the seniority list report', async ({page, screen, within, isMobile, crewMemberActor}) =&gt; {
    await crewMemberActor.asks(Elements.toBe.visible('QUICK LINKS'));
    await page.waitForTimeout(3000);
    await getBidRound(page, screen, within, isMobile, crewMemberActor);

    await crewMemberActor.attemptsTo(Click.on().textName('All Reports'));

      await crewMemberActor.attemptsTo(Click.on().textName('Seniority List'));
      await crewMemberActor.asks(ValidatePageTitleContent.toContainText('page-title-component', 'Seniority List'));
      await crewMemberActor.asks(ValidatePageTitleContent.toContainText('page-sub-title-container', `${biddingYear} Vacation`));
      await crewMemberActor.asks(Elements.toBe.visible('Accruals'));
      await crewMemberActor.asks(TableHeader.containsHeader('paged-table-IFVacationCrewReportsSeniorityListItems'));
      //await performEmployeeSearch(page, screen, within, isMobile, crewMemberActor, 'search-employeeId');

      await page.getByTestId('search-employeeId').click();
      await page.getByTestId('search-employeeId').fill('5050');
      await page.waitForTimeout(5000);
  
      **await page.getByTestId('search-icon-search-employeeId').click();**


      await crewMemberActor.asks(Elements.to.containText('id','td-IFVacationCrewReportsSeniorityListItems-employeeId-0','5050'))

      await page.getByTestId('close-icon-search-employeeId').click();
      await crewMemberActor.asks(Elements.to.containText('id','td-IFVacationCrewReportsSeniorityListItems-seniority-1','2'))
      await crewMemberActor.attemptsTo(Click.on().textName('Back'));
      await crewMemberActor.asks(Elements.toBe.visible('All Reports'));
  
  })"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">test</span><span class="pl-kos">,</span> <span class="pl-s1">expect</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'@playwright/test'</span><span class="pl-kos">;</span>

 <span class="pl-s1">test</span><span class="pl-kos">.</span><span class="pl-en">only</span><span class="pl-kos">(</span><span class="pl-s">'crew member validates the seniority list report'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">{</span>page<span class="pl-kos">,</span> screen<span class="pl-kos">,</span> within<span class="pl-kos">,</span> isMobile<span class="pl-kos">,</span> crewMemberActor<span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
    <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">asks</span><span class="pl-kos">(</span><span class="pl-v">Elements</span><span class="pl-kos">.</span><span class="pl-c1">toBe</span><span class="pl-kos">.</span><span class="pl-en">visible</span><span class="pl-kos">(</span><span class="pl-s">'QUICK LINKS'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">waitForTimeout</span><span class="pl-kos">(</span><span class="pl-c1">3000</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-k">await</span> <span class="pl-en">getBidRound</span><span class="pl-kos">(</span><span class="pl-s1">page</span><span class="pl-kos">,</span> <span class="pl-s1">screen</span><span class="pl-kos">,</span> <span class="pl-s1">within</span><span class="pl-kos">,</span> <span class="pl-s1">isMobile</span><span class="pl-kos">,</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

    <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">attemptsTo</span><span class="pl-kos">(</span><span class="pl-v">Click</span><span class="pl-kos">.</span><span class="pl-en">on</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">textName</span><span class="pl-kos">(</span><span class="pl-s">'All Reports'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">attemptsTo</span><span class="pl-kos">(</span><span class="pl-v">Click</span><span class="pl-kos">.</span><span class="pl-en">on</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">textName</span><span class="pl-kos">(</span><span class="pl-s">'Seniority List'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">asks</span><span class="pl-kos">(</span><span class="pl-v">ValidatePageTitleContent</span><span class="pl-kos">.</span><span class="pl-en">toContainText</span><span class="pl-kos">(</span><span class="pl-s">'page-title-component'</span><span class="pl-kos">,</span> <span class="pl-s">'Seniority List'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">asks</span><span class="pl-kos">(</span><span class="pl-v">ValidatePageTitleContent</span><span class="pl-kos">.</span><span class="pl-en">toContainText</span><span class="pl-kos">(</span><span class="pl-s">'page-sub-title-container'</span><span class="pl-kos">,</span> <span class="pl-s">`<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">biddingYear</span><span class="pl-kos">}</span></span> Vacation`</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">asks</span><span class="pl-kos">(</span><span class="pl-v">Elements</span><span class="pl-kos">.</span><span class="pl-c1">toBe</span><span class="pl-kos">.</span><span class="pl-en">visible</span><span class="pl-kos">(</span><span class="pl-s">'Accruals'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">asks</span><span class="pl-kos">(</span><span class="pl-v">TableHeader</span><span class="pl-kos">.</span><span class="pl-en">containsHeader</span><span class="pl-kos">(</span><span class="pl-s">'paged-table-IFVacationCrewReportsSeniorityListItems'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-c">//await performEmployeeSearch(page, screen, within, isMobile, crewMemberActor, 'search-employeeId');</span>

      <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'search-employeeId'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'search-employeeId'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">fill</span><span class="pl-kos">(</span><span class="pl-s">'5050'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">waitForTimeout</span><span class="pl-kos">(</span><span class="pl-c1">5000</span><span class="pl-kos">)</span><span class="pl-kos">;</span><span class="pl-s1"></span>
  
      <span class="pl-c1">**</span><span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'search-icon-search-employeeId'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span><span class="pl-s1"></span><span class="pl-c1">**</span>


      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">asks</span><span class="pl-kos">(</span><span class="pl-v">Elements</span><span class="pl-kos">.</span><span class="pl-c1">to</span><span class="pl-kos">.</span><span class="pl-en">containText</span><span class="pl-kos">(</span><span class="pl-s">'id'</span><span class="pl-kos">,</span><span class="pl-s">'td-IFVacationCrewReportsSeniorityListItems-employeeId-0'</span><span class="pl-kos">,</span><span class="pl-s">'5050'</span><span class="pl-kos">)</span><span class="pl-kos">)</span>

      <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">getByTestId</span><span class="pl-kos">(</span><span class="pl-s">'close-icon-search-employeeId'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">asks</span><span class="pl-kos">(</span><span class="pl-v">Elements</span><span class="pl-kos">.</span><span class="pl-c1">to</span><span class="pl-kos">.</span><span class="pl-en">containText</span><span class="pl-kos">(</span><span class="pl-s">'id'</span><span class="pl-kos">,</span><span class="pl-s">'td-IFVacationCrewReportsSeniorityListItems-seniority-1'</span><span class="pl-kos">,</span><span class="pl-s">'2'</span><span class="pl-kos">)</span><span class="pl-kos">)</span>
      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">attemptsTo</span><span class="pl-kos">(</span><span class="pl-v">Click</span><span class="pl-kos">.</span><span class="pl-en">on</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">textName</span><span class="pl-kos">(</span><span class="pl-s">'Back'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">await</span> <span class="pl-s1">crewMemberActor</span><span class="pl-kos">.</span><span class="pl-en">asks</span><span class="pl-kos">(</span><span class="pl-v">Elements</span><span class="pl-kos">.</span><span class="pl-c1">toBe</span><span class="pl-kos">.</span><span class="pl-en">visible</span><span class="pl-kos">(</span><span class="pl-s">'All Reports'</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  
  <span class="pl-kos">}</span><span class="pl-kos">)</span></pre></div>
<ul dir="auto">
<li>[...]</li>
</ul>
<p dir="auto"><strong>Expected</strong></p>
<p dir="auto">When you search with an employeed id it is expected to work<br>
<strong>Actual</strong><br>
The system is hanging and test case is failing as its not able to recognize the search button</p>
<p dir="auto">[Describe actual behavior]</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="locator.click: Target closed
=========================== logs ===========================
waiting for getByTestId('search-icon-search-employeeId')
  locator resolved to visible &lt;button disabled type=&quot;button&quot; class=&quot;css-1l3rrrl&quot; aria-…&gt;…&lt;/button&gt;
attempting click action
  waiting for element to be visible, enabled and stable
    element is not enabled - waiting...
============================================================
Following error is observed in the broswer. the code attached above is from the file - senioritylist.report.spec.js:72:63


  70 |       await page.waitForTimeout(5000);
  71 |       //await crewMemberActor.asks(Elements.toBe.visible('Accruals'));
&gt; 72 |       await page.getByTestId('search-icon-search-employeeId').click();
     |                                                               ^
  73 |      // await page.getByTestId('search-icon-search-employeeId').click();
  74 |
  75 |       await crewMemberActor.asks(Elements.to.containText('id','td-IFVacationCrewReportsSeniorityListItems-employeeId-0','5050'))

    at /Users/x287202/SouthWest/code/new-aap/develop/test/cbna-test-integration-cbna/test-ui/playwright/tests/crewmember/reports/senioritylist.report.spec.js:72:63
"><pre class="notranslate"><code class="notranslate">locator.click: Target closed
=========================== logs ===========================
waiting for getByTestId('search-icon-search-employeeId')
  locator resolved to visible &lt;button disabled type="button" class="css-1l3rrrl" aria-…&gt;…&lt;/button&gt;
attempting click action
  waiting for element to be visible, enabled and stable
    element is not enabled - waiting...
============================================================
Following error is observed in the broswer. the code attached above is from the file - senioritylist.report.spec.js:72:63


  70 |       await page.waitForTimeout(5000);
  71 |       //await crewMemberActor.asks(Elements.toBe.visible('Accruals'));
&gt; 72 |       await page.getByTestId('search-icon-search-employeeId').click();
     |                                                               ^
  73 |      // await page.getByTestId('search-icon-search-employeeId').click();
  74 |
  75 |       await crewMemberActor.asks(Elements.to.containText('id','td-IFVacationCrewReportsSeniorityListItems-employeeId-0','5050'))

    at /Users/x287202/SouthWest/code/new-aap/develop/test/cbna-test-integration-cbna/test-ui/playwright/tests/crewmember/reports/senioritylist.report.spec.js:72:63

</code></pre></div>
<p dir="auto">Hi, I have long term scenario which is interdependent and I am currently using the following structure.</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="test.describe.serial('create / modify / destroy', () =&gt; {
  test('setup', async () =&gt; {
     .......
  });
  test('modify', async () =&gt; {
     .......
  });
  test('destroy', async () =&gt; {
     .......
  });
});"><pre class="notranslate"><span class="pl-s1">test</span><span class="pl-kos">.</span><span class="pl-c1">describe</span><span class="pl-kos">.</span><span class="pl-en">serial</span><span class="pl-kos">(</span><span class="pl-s">'create / modify / destroy'</span><span class="pl-kos">,</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-en">test</span><span class="pl-kos">(</span><span class="pl-s">'setup'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
     ......<span class="pl-kos">.</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-en">test</span><span class="pl-kos">(</span><span class="pl-s">'modify'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
     ......<span class="pl-kos">.</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-en">test</span><span class="pl-kos">(</span><span class="pl-s">'destroy'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
     ......<span class="pl-kos">.</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">I was wondering if I move the above test to the following structure, does it impact the interdependency in any way (retries enabled)? Also, I guess I am trying to understand when I would use <code class="notranslate">.serial</code> vs <code class="notranslate">.step</code>?</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="test('create / modify / destroy', () =&gt; {
  await test.step('setup', async () =&gt; {
     .......
  });
  await test.step('modify', async () =&gt; {
     .......
  });
});"><pre class="notranslate"><span class="pl-en">test</span><span class="pl-kos">(</span><span class="pl-s">'create / modify / destroy'</span><span class="pl-kos">,</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-k">await</span> <span class="pl-s1">test</span><span class="pl-kos">.</span><span class="pl-en">step</span><span class="pl-kos">(</span><span class="pl-s">'setup'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
     ......<span class="pl-kos">.</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">await</span> <span class="pl-s1">test</span><span class="pl-kos">.</span><span class="pl-en">step</span><span class="pl-kos">(</span><span class="pl-s">'modify'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
     ......<span class="pl-kos">.</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>