PMM-13608 test for update settings

tests/configuration/pages/pmmSettingsPage.js

@@ -258,7 +258,7 @@ module.exports = {
     backupManagementSwitchInput: locate('$advanced-backup').find('input'),
     callHomeSwitch: '//button[@class="toggle-field ant-switch ant-switch-checked"]',
     checkForUpdatesLabel: locate('$advanced-updates').find('span'),
-    checkForUpdatesSwitch: '//div[@data-testid="advanced-updates"]//div[2]//input',
+    checkForUpdatesSwitch: locate('$advanced-updates').find('label'),
     dataRetentionInput: '$retention-number-input',
     dataRetentionLabel: locateLabel('form-field-data-retention'),
     errorPopUpElement: I.useDataQA('data-testid Alert error'),

tests/configuration/verifyPMMSettingsPageFunctionality_test.js

@@ -297,3 +297,33 @@ Scenario.skip(
     );
   },
 ).retry(1);
+
+Scenario(
+  'PMM-T1967 Verify Update modal respects update settings @fb-settings',
+  async ({
+    I, homePage, settingsAPI, pmmSettingsPage,
+  }) => {
+    await settingsAPI.changeSettings({ updates: true });
+    await I.usePlaywrightTo('remove users/me mock', async ({ page }) => {
+      await page.route('**/v1/users/me', (route) => route.continue());
+    });
+
+    I.amOnPage(pmmSettingsPage.advancedSettingsUrl);
+    I.waitForVisible(homePage.updatesModal.root, 30);
+    I.click(homePage.updatesModal.closeIcon);
+    // eslint-disable-next-line no-undef
+    await tryTo(() => {
+      I.waitForVisible(homePage.productTour.skipButton, 5);
+      I.click(homePage.productTour.skipButton);
+    });
+    I.click(pmmSettingsPage.fields.checkForUpdatesSwitch);
+    I.click(pmmSettingsPage.fields.applyButton);
+    I.refreshPage();
+    I.waitForVisible(pmmSettingsPage.fields.checkForUpdatesSwitch, 30);
+    I.dontSeeElement(homePage.updatesModal.root);
+    I.click(pmmSettingsPage.fields.checkForUpdatesSwitch);
+    I.click(pmmSettingsPage.fields.applyButton);
+    I.refreshPage();
+    I.seeElement(homePage.updatesModal.root);
+  },
+);

tests/pages/components/updatesAvailableModal.js

@@ -0,0 +1,13 @@
+const { I } = inject();
+
+class UpdatesAvailableModalComponent {
+  constructor() {
+    this.root = locate('[role="dialog"]').withDescendant('$multiple-updates-modal');
+    this.closeIcon = this.root.find('[aria-label="Close"]');
+    this.dismissButton = this.root.find('button').withText('Dismiss');
+    this.goToUpdatesPage = this.root.find('button').withText('Go to updates page');
+  }
+}
+
+module.exports = new UpdatesAvailableModalComponent();
+module.exports.UpdatesAvailableDialog = UpdatesAvailableModalComponent;

tests/pages/homePage.js

@@ -2,8 +2,10 @@ const { I, dashboardPage } = inject();
 const assert = require('assert');
 const moment = require('moment');
 const productTourModal = require('./components/productTourComponent');
+const updatesAvailableDialog = require('./components/updatesAvailableModal');
 
 module.exports = {
+  updatesModal: updatesAvailableDialog,
   // insert your locators and methods here
   // setting locators
   url: 'graph/d/pmm-home/home-dashboard?orgId=1&refresh=1m&from=now-5m&to=now',