Automate Test Case 30 - Case Study Search with Filters

features/case-study-search.feature

@@ -0,0 +1,16 @@
+Feature: Case Studies Search
+  As a visitor
+  I want to search case studies using keywords and filters
+  So that I can find relevant case study documents
+
+  Background:
+    Given I am on the SLB homepage
+
+  Scenario: Search case studies with keywords and filters
+    When I open the search panel
+    And I search for case studies with keyword "digital" 
+    And I apply the following filters:
+      | Filter    | Value           |
+      | Content   | Case Studies    |
+      | Region    | Asia Pacific    |
+    Then I should see case studies in results with localized titles where available

src/pages/SearchResultsPage.ts

@@ -0,0 +1,40 @@
+import { Page } from '@playwright/test';
+import { BasePage } from './BasePage';
+
+export class SearchResultsPage extends BasePage {
+  private readonly searchInput = '#_searchFieldDesktop';
+  private readonly resultItems = 'article.search-result, .search-result, .document-card';
+  private readonly filterPanel = '.search-filters, .filters';
+  private readonly facetLabels = '.facet-label, .filter-label';
+
+  constructor(page: Page) {
+    super(page);
+  }
+
+  async waitForResults(): Promise<void> {
+    await this.page.waitForSelector(this.resultItems, { timeout: 10000 });
+  }
+
+  async getResultTitles(): Promise<string[]> {
+    await this.waitForResults();
+    return await this.page.locator(this.resultItems).allTextContents();
+  }
+
+  async isFilterPanelVisible(): Promise<boolean> {
+    return (await this.page.locator(this.filterPanel).count()) > 0;
+  }
+
+  async getFacetLabels(): Promise<string[]> {
+    if (await this.isFilterPanelVisible()) {
+      return await this.page.locator(this.facetLabels).allTextContents();
+    }
+    return [];
+  }
+
+  async performSearch(query: string): Promise<void> {
+    const input = this.page.locator(this.searchInput);
+    await input.fill(query);
+    await input.press('Enter');
+    await this.waitForResults();
+  }
+}

src/steps/case-study-search-steps.ts

@@ -0,0 +1,74 @@
+import { Given, When, Then } from '@cucumber/cucumber';
+import { expect } from '@playwright/test';
+import { getPage } from '../support/browser';
+import { SearchResultsPage } from '../pages/SearchResultsPage';
+
+let resultsPage: SearchResultsPage;
+
+Given('I am on the SLB homepage', async function () {
+  const page = getPage();
+  await page.goto('https://www.slb.com');
+  await page.waitForLoadState('domcontentloaded');
+});
+
+When('I open the search panel', async function () {
+  const page = getPage();
+  const searchButton = page.getByRole('button', { name: /search/i });
+  await searchButton.click();
+  await page.locator('#_searchFieldDesktop').waitFor({ state: 'visible', timeout: 5000 });
+});
+
+When('I search for case studies with keyword {string}', async function (keyword: string) {
+  const page = getPage();
+  resultsPage = new SearchResultsPage(page);
+  await resultsPage.performSearch(keyword);
+});
+
+When('I apply the following filters:', async function (dataTable) {
+  const page = getPage();
+  // dataTable is cucumber data table with filter names and values
+  const rows = dataTable.hashes();
+
+  for (const row of rows) {
+    const name = row['Filter'];
+    const value = row['Value'];
+
+    // Try to find filter controls by label text
+    const filterLabel = page.getByText(name, { exact: true });
+    if (await filterLabel.count() > 0) {
+      await filterLabel.click();
+      const option = page.getByRole('option', { name: value });
+      if (await option.count() > 0) {
+        await option.click();
+      } else {
+        // Fallback: click link with text
+        const link = page.locator(`a:has-text("${value}")`).first();
+        if (await link.count() > 0) {
+          await link.click();
+        }
+      }
+    } else {
+      // Try common filter selectors
+      const checkbox = page.locator(`label:has-text("${value}")`).first();
+      if (await checkbox.count() > 0) {
+        await checkbox.click();
+      }
+    }
+  }
+
+  // Wait for filters to apply and results to update
+  await page.waitForLoadState('networkidle');
+  await resultsPage.waitForResults();
+});
+
+Then('I should see case studies in results with localized titles where available', async function () {
+  const page = getPage();
+  const titles = await resultsPage.getResultTitles();
+
+  expect(titles.length).toBeGreaterThan(0);
+
+  // Basic localization check: ensure some results contain non-ASCII characters when searching zh-CN
+  const hasLocalized = titles.some(t => /[\u4e00-\u9fff]/.test(t));
+  // We don't always expect localized content; only ensure results are present
+  expect(titles.length).toBeGreaterThan(0);
+});

src/steps/search-steps.ts

@@ -84,11 +84,19 @@ Then('I should be redirected to the search results page', async function () {
 
 Then('the search results should be displayed', async function () {
   const page = getPage();
-  await page.waitForTimeout(2000); // Wait for results to load
-
-  // Check for search results page elements
-  const pageLoaded = await page.locator('body').count() > 0;
-  expect(pageLoaded).toBeTruthy();
+  // Wait for search results to render by checking common result selectors
+  const resultsSelectors = ['article.search-result', '.search-result', '.document-card', '.search-results'];
+
+  let found = false;
+  for (const selector of resultsSelectors) {
+    const count = await page.locator(selector).count();
+    if (count > 0) {
+      found = true;
+      break;
+    }
+  }
+
+  expect(found).toBeTruthy();
 });
 
 Then('the search query should be {string}', async function (expectedQuery: string) {