Closes #70 Add scenario for pages without LCP/ATF

.gitignore

@@ -1,6 +1,7 @@
 /config/wp.config.ts
 /node_modules
 /artifacts
+/plugin/wp_mobile.zip
 /plugin/new_release.zip
 /plugin/previous_stable.zip
 /plugin/wp-rocket_3.10.9.zip

src/support/steps/general.ts

@@ -75,7 +75,6 @@ Given('I save settings {string} {string}', async function (this: ICustomWorld, s
     await this.page.waitForLoadState('load', { timeout: 30000 });
 });
 
-/**
 /**
  * Executes the step to activate the WP plugin.
  */
@@ -84,6 +83,14 @@ Given('activate {string} plugin', async function (this: ICustomWorld, plugin) {
     await this.utils.togglePluginActivation(plugin);
 });
 
+/**
+ * Executes the step to deactivate the WP plugin.
+ */
+Given('deactivate {string} plugin', async function (this: ICustomWorld, plugin) {
+    await this.utils.gotoPlugin();
+    await this.utils.deactivatePlugin(plugin);
+});
+
 /**
  * Executes the step to log in.
  */

src/support/steps/lcp-beacon-script.ts

@@ -147,4 +147,43 @@ Then('lcp and atf should be as expected in {string}', async function (this: ICus
     }
 
     expect(truthy, failMsg).toBeTruthy();
-});
+});
+
+/**
+ *
+ */
+Given('I go to {string} in {string}', async function (this: ICustomWorld, page, formFactor: string) {
+    let viewPortWidth: number = 1600,
+        viewPortHeight: number = 700;
+
+    // Set page to be visited in mobile.
+    if ( formFactor === 'mobile' ) {
+        viewPortWidth = 393;
+        viewPortHeight = 830;
+    }
+
+
+    await this.page.waitForLoadState('load', { timeout: 100000 });
+
+    await this.page.setViewportSize({
+        width: viewPortWidth,
+        height: viewPortHeight
+    });
+
+    const tablePrefix: string = await getWPTablePrefix();
+
+    await this.utils.visitPage(page);
+
+    // Wait for 6 seconds before fetching from DB.
+    await this.page.waitForTimeout(6000);
+
+    // Get the LCP/ATF from the DB
+    const sql = `SELECT lcp, viewport FROM ${tablePrefix}wpr_above_the_fold WHERE url LIKE "%${page}%"`;
+    const result = await dbQuery(sql);
+    const resultFromStdout = await extractFromStdout(result);
+
+    const lcp = resultFromStdout[0].lcp, viewport = resultFromStdout[0].viewport
+
+    expect(lcp).toBe('not found');
+    expect(viewport).toBe('[]');
+})

src/support/steps/steps.ts

@@ -11,7 +11,15 @@
  */
 import {expect} from "@playwright/test";
 import {AfterAll, BeforeAll} from "@cucumber/cucumber";
-import wp, {activatePlugin, cp, generateUsers, resetWP, rm, setTransient} from "../../../utils/commands";
+import wp, {
+    activatePlugin,
+    cp,
+    deactivatePlugin,
+    generateUsers,
+    resetWP,
+    rm,
+    setTransient
+} from "../../../utils/commands";
 import {configurations, getWPDir} from "../../../utils/configurations";
 import {match} from "ts-pattern";
 
@@ -59,6 +67,13 @@ Given('plugin {word} is activated', async function (plugin) {
    await activatePlugin(plugin)
 });
 
+/**
+ * Executes the step to deactivate a specified WP plugin via CLI.
+ */
+Given('plugin {word} is deactivated', async function (plugin) {
+    await deactivatePlugin(plugin)
+});
+
 /**
  * Executes the step to assert the visibility of a banner with specific text.
  */

utils/page-utils.ts

@@ -228,6 +228,19 @@ export class PageUtils {
         }
     }
 
+    /**
+     * Switch plugin activation state.
+     *
+     * @param pluginSlug  Plugin slug.
+     *
+     * @return  {Promise<void>}
+     */
+    public deactivatePlugin = async (pluginSlug: string): Promise<void> => {
+        if (await this.page.locator('#deactivate-' + pluginSlug).isVisible()) {
+            await this.page.locator('#deactivate-' + pluginSlug).click();
+        }
+    }
+
     /**
      * Navigates to Wordpress themes page.
      *