Closes #70 Add scenario for pages without LCP/ATF (#76)

* Add scenario for no lcp/atf, add plugin deactivation function #70 :closes:

* fixed lint

* minor fix

* Add step to activate and deactivate mobile plugin

* update gitignore file

* PR modifications

* Add new command function, pr modifications --#70

* minor modifications

* Add beacon check for lcp pages

* deactivate plugin, modify json

* Add missing step

* change steps

src/features/lcp-beacon-script.feature

@@ -6,13 +6,17 @@ Feature: Beacon script captures the right images.
         And plugin is installed 'new_release'
         And plugin is activated
         And I go to 'wp-admin/options-general.php?page=wprocket#dashboard'
+        And plugin 'sitepress-multilingual-cms' is deactivated
 
     Scenario: Beacon captures expected images in desktop
         When I log out
         And I visit the urls for 'desktop'
         Then lcp and atf should be as expected for 'desktop'
 
     Scenario: Beacon captures expected images in mobile
+        Given I install plugin 'https://github.com/wp-media/wp-rocket-e2e-test-helper/blob/main/helper-plugin/force-wp-mobile.zip'
+        And plugin 'force-wp-mobile' is activated
         When I log out
         And I visit the urls for 'mobile'
-        Then lcp and atf should be as expected for 'mobile'
+        And plugin 'force-wp-mobile' is deactivated
+        Then lcp and atf should be as expected for 'mobile'

src/support/results/expectedResultsDesktop.json

@@ -231,5 +231,12 @@
     ],
     "viewport": [],
     "enabled": true
+  },
+  "lcp_no_images": {
+    "lcp": [
+      "not found"
+    ],
+    "viewport": [],
+    "enabled": true
   }
 }

src/support/results/expectedResultsMobile.json

@@ -232,5 +232,12 @@
     ],
     "viewport": [],
     "enabled": true
+  },
+  "lcp_no_images": {
+    "lcp": [
+      "not found"
+    ],
+    "viewport": [],
+    "enabled": true
   }
 }

src/support/steps/general.ts

@@ -18,7 +18,9 @@ import { WP_BASE_URL } from '../../../config/wp.config';
 import { createReference, compareReference } from "../../../utils/helpers";
 import type { Section } from "../../../utils/types";
 import { Page } from '@playwright/test';
-
+import {
+    deactivatePlugin, installRemotePlugin,
+} from "../../../utils/commands";
 /**
  * Executes the step to log in.
  */
@@ -75,7 +77,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.
  */
@@ -326,4 +327,18 @@ Then('page navigated to the new page {string}', async function (this: ICustomWor
     const url = `${WP_BASE_URL}/${path}`;
     const regex = new RegExp(url);
     await expect(this.page).toHaveURL(regex);
+});
+
+/**
+ * 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 install a WP plugin from a remote url via CLI.
+ */
+Given('I install plugin {string}', async function (pluginUrl) {
+    await installRemotePlugin(pluginUrl)
 });

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

@@ -12,6 +12,7 @@ import { ICustomWorld } from "../../common/custom-world";
 import { expect } from "@playwright/test";
 import { Given, Then } from "@cucumber/cucumber";
 import { LcpData, Row } from "../../../utils/types";
+
 import { dbQuery, getWPTablePrefix } from "../../../utils/commands";
 import { extractFromStdout } from "../../../utils/helpers";
 import { WP_BASE_URL } from '../../../config/wp.config';
@@ -21,7 +22,7 @@ let data: string,
     truthy: boolean = true,
     failMsg: string = "",
     jsonData: Record<string, { lcp: string[]; viewport: string[]; enabled: boolean }>;
-    
+
 const actual: LcpData = {};
 
 /**

src/support/steps/steps.ts

@@ -11,7 +11,14 @@
  */
 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,
+    generateUsers,
+    resetWP,
+    rm,
+    setTransient
+} from "../../../utils/commands";
 import {configurations, getWPDir} from "../../../utils/configurations";
 import {match} from "ts-pattern";
 

utils/commands.ts

@@ -223,6 +223,20 @@ export async function activatePlugin(name: string): Promise<void>  {
      await wp(`plugin activate ${name}`)
 }
 
+/**
+ * Install a WordPress plugin from a remote zip file using the WP-CLI command.
+ *
+ * @function
+ * @name installRemotePlugin
+ * @async
+ * @param {string} url - The remote zip url of the plugin to be installed.
+ * @returns {Promise<void>} - A Promise that resolves when the installation is completed.
+ */
+export async function installRemotePlugin(url: string): Promise<void>  {
+    await wp(`plugin install ${url}`)
+}
+
+
 /**
  * Executes a SQL query on the WordPress database using WP-CLI.
  *