added function for changing permalink. created performance-hints file…

src/features/performance-hints.feature

@@ -0,0 +1,18 @@
+@setup
+Feature: Clear lcp/performance hints data tests
+
+    Background:
+        Given I am logged in
+        And plugin is installed 'new_release'
+        And plugin is activated
+
+    Scenario: C16387 - Should clear performance hints data when click clear PH in admin bar
+        And performance hints data added to DB 
+        When clear performance hints is clicked in admin bar
+        Then data is removed from the performance hints tables
+
+    @hints
+    Scenario: C16389 Should clear performance hints when change permalinks
+        And performance hints data added to DB 
+        When permalink is changed
+        Then data is removed from the performance hints tables

src/support/steps/performance-hints.ts

@@ -0,0 +1,89 @@
+/**
+ * @fileoverview
+ * This module contains Cucumber step definitions using Playwright for asserting performance hints data clearing from DB, 
+ * both ATF and LRC tables
+ * 
+ * @requires {@link ../../common/custom-world}
+ * @requires {@link @playwright/test}
+ * @requires {@link @cucumber/cucumber}
+ */
+
+import { ICustomWorld } from "../../common/custom-world";
+import { When, Then } from '@cucumber/cucumber';
+import { dbQuery, getWPTablePrefix } from "../../../utils/commands";
+import { extractFromStdout } from "../../../utils/helpers";
+
+import {WP_BASE_URL} from "../../../config/wp.config";
+
+import assert from "assert";
+
+
+function delay(ms: number) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+When('performance hints data added to DB', async function (this: ICustomWorld) {
+    const tablePrefix = await getWPTablePrefix();
+    const tableName = `${tablePrefix}wpr_above_the_fold`;
+
+    // Truncate the table
+    await dbQuery(`TRUNCATE TABLE ${tableName}`);
+
+    // Define the data to be inserted
+    const expectedData = [
+        { url: `${WP_BASE_URL}/a`, is_mobile: 0, status: 'completed' },
+        { url: `${WP_BASE_URL}/b`, is_mobile: 0, status: 'completed' },
+        { url: `${WP_BASE_URL}/c`, is_mobile: 0, status: 'completed' }
+    ];
+
+    // Insert new rows into the table
+    const insertSql = `
+        INSERT INTO ${tableName} (url, is_mobile, status)
+        VALUES 
+            ('${WP_BASE_URL}/a', 0, 'completed'),
+            ('${WP_BASE_URL}/b', 0, 'completed'),
+            ('${WP_BASE_URL}/c', 0, 'completed')
+    `;
+    await dbQuery(insertSql); 
+
+    // Fetch and log the data to verify
+    const selectSql = `SELECT * FROM ${tableName}`;
+    const resultFromStdout = await dbQuery(selectSql);
+
+    // Log the fetched data
+    console.log('Data in the table:', resultFromStdout);
+
+    // Assert that the actual data matches the expected data
+   // assert.deepStrictEqual(resultFromStdout, expectedData, 'The data in the table does not match the expected data');
+
+});
+
+When('clear performance hints is clicked in admin bar', async function (this: ICustomWorld) {
+    await this.page.locator('#wp-admin-bar-wp-rocket').hover();
+    await this.page.waitForSelector('#wp-admin-bar-clean-saas', { state: 'visible' });
+    await this.page.locator('#wp-admin-bar-clean-saas').click(); 
+    await this.page.waitForSelector('div.notice.notice-success', { state: 'visible' });
+});
+
+Then('data is removed from the performance hints tables', async function (this: ICustomWorld) {
+    const tablePrefix = await getWPTablePrefix();
+    const tableName = `${tablePrefix}wpr_above_the_fold`;
+
+    // Fetch and log the data to verify
+    const selectSql = `SELECT * FROM ${tableName}`;
+    const result = await dbQuery(selectSql); 
+
+    // Extract result from stdout and log it
+    const resultFromStdout = await extractFromStdout(result);
+    if (resultFromStdout.length === 0) {
+        console.log('Data is removed from the table as expected.');
+    } else {
+        console.log('Data in the table:', resultFromStdout);
+        assert.fail('Data still exists in the table, but it was expected to be removed.');
+    }
+
+});
+
+When('permalink is changed', async function (this: ICustomWorld) {
+    await this.utils.permalinkChanged();
+});

utils/page-utils.ts

@@ -188,6 +188,22 @@ export class PageUtils {
         await this.page.locator('text=Preview in new tab').click();
     }
 
+    /**
+     * Changes permalink custom structure to have ending slash.
+     *
+     * @return  {Promise<void>}
+     */
+    public permalinkChanged = async (): Promise<void> => {
+        await this.page.goto(WP_BASE_URL + '/wp-admin/options-permalink.php');
+        await this.page.locator('#permalink_structure').fill('/%postname%/');
+
+        // Save changes.
+        await this.page.locator('#submit').click();
+
+        // Assert permalink structure successfully changed.
+        await expect(this.page.locator('#setting-error-settings_updated')).toContainText('Permalink structure updated.');
+    }
+
     /**
      * Peforms a WPR menu dropdown action.
      *