diff --git a/test/e2e/tests/settings/about-metamask/ui-validation.spec.ts b/test/e2e/tests/settings/about-metamask/ui-validation.spec.ts
index 47bfc3ea0df3..222f1ed02b0a 100644
--- a/test/e2e/tests/settings/about-metamask/ui-validation.spec.ts
+++ b/test/e2e/tests/settings/about-metamask/ui-validation.spec.ts
@@ -24,12 +24,15 @@ const selectors = {
walletOverview: '.wallet-overview__balance',
};
+// This function is to click on the three dots and select the "Settings" option from the dropdown menu.
+// Then, click on the "About" section from the left panel.
async function switchToAboutView(driver: Driver) {
await driver.clickElement(selectors.accountOptionsMenuButton);
await driver.clickElement(selectors.settingsDiv);
await driver.clickElement(selectors.aboutDiv);
}
+// Test case to validate the view in the "About" - MetaMask.
describe('Setting - About MetaMask : @no-mmi', function (this: Suite) {
it('validate the view', async function () {
await withFixtures(
@@ -44,7 +47,7 @@ describe('Setting - About MetaMask : @no-mmi', function (this: Suite) {
// navigate to settings and click on about view
await switchToAboutView(driver);
- // Validating the heading text
+ // Validating the title
const isTitlePresent = await driver.isElementPresent(
selectors.titleText,
);
@@ -64,7 +67,7 @@ describe('Setting - About MetaMask : @no-mmi', function (this: Suite) {
'Meta Mask label is not present in the about view section',
);
- // verify the version number in the about view section to the fixture builder version as 11.7.3
+ // verify the version number of the MetaMask
const metaMaskVersion = await driver.findElement(
selectors.metaMaskVersion,
);
diff --git a/test/env.js b/test/env.js
index dd3c370b88da..240a7f55b25e 100644
--- a/test/env.js
+++ b/test/env.js
@@ -1,4 +1,5 @@
process.env.METAMASK_ENVIRONMENT = 'test';
process.env.SUPPORT_LINK = 'https://support.metamask.io';
+process.env.SUPPORT_REQUEST_LINK = 'https://metamask.zendesk.com/hc/en-us';
process.env.IFRAME_EXECUTION_ENVIRONMENT_URL =
'https://execution.metamask.io/0.36.1-flask.1/index.html';
diff --git a/test/scenarios/17. settings/about-metamask/ui-validation.csv b/test/scenarios/17. settings/about-metamask/ui-validation.csv
index e8520db6635f..01a4e31515a2 100644
--- a/test/scenarios/17. settings/about-metamask/ui-validation.csv
+++ b/test/scenarios/17. settings/about-metamask/ui-validation.csv
@@ -1,4 +1,4 @@
-Validate UI components of the About - MetaMask,,,,
+Critical Test - Validate UI components of the About - MetaMask,,,,
Step,Test Steps,Test Data,Expected Result,Notes
1,Open the extension.,,The Welcome Back screen is shown,
2,Proceed to Unlock the wallet.,password (8 characters min),,
@@ -7,4 +7,10 @@ Step,Test Steps,Test Data,Expected Result,Notes
5,Validate the heading in the section,,'About' text needs to appear.,
6,Validate the version in the section,,'MetaMask Version' label should appear with the appriorate version,
7,Validate the tag line in the section,,'MetaMask is designed and built around the world.' tagline should appear,
-8,Click on the close button,,Validate the wallet overview page appears.,
\ No newline at end of file
+8,Click on the close button,,Validate the wallet overview page appears.,
+9,Click on the link for the 'Privacy policy',,Privacy policy 'https://consensys.io/privacy-policy' page is loaded,Critical because it's the only way to access privacy policy
+10,Click on the link for the 'Terms of use',,Terms of use page 'https://consensys.io/terms-of-use' is loaded,
+11,Click on the link for the 'Visit our support center',,Support page 'https://support.metamask.io/hc/en-us' is loaded,
+12,Click on the link for the 'Attributions',,Attributions 'https://metamask.io/attributions/' page is loaded,
+13,Click on the link for the 'Visit our website',,Visit our website 'https://metamask.io/' page is loaded,
+14,Click on the link for the 'Contact us',,Contact us 'https://support.metamask.io/hc/en-us' code page is loaded,
\ No newline at end of file
diff --git a/ui/components/app/modals/transaction-already-confirmed/transaction-already-confirmed.test.tsx b/ui/components/app/modals/transaction-already-confirmed/transaction-already-confirmed.test.tsx
index c48129e0549f..7c04a452fbc2 100644
--- a/ui/components/app/modals/transaction-already-confirmed/transaction-already-confirmed.test.tsx
+++ b/ui/components/app/modals/transaction-already-confirmed/transaction-already-confirmed.test.tsx
@@ -2,9 +2,7 @@ import React from 'react';
import configureMockStore from 'redux-mock-store';
import mockStore from '../../../../../test/data/mock-state.json';
-import {
- renderWithProvider,
-} from '../../../../../test/jest';
+import { renderWithProvider } from '../../../../../test/jest';
import TransactionAlreadyConfirmed from '.';
const getStoreWithModalData = () => {
@@ -26,7 +24,7 @@ const getStoreWithModalData = () => {
describe('Transaction Already Confirmed modal', () => {
it('should match snapshot', async () => {
const { baseElement } = renderWithProvider(
- ,
+ ,
getStoreWithModalData(),
);
expect(baseElement).toMatchSnapshot();
diff --git a/ui/hooks/useModalProps.test.ts b/ui/hooks/useModalProps.test.ts
index d4ba2beace1c..4ba8ca2bd697 100644
--- a/ui/hooks/useModalProps.test.ts
+++ b/ui/hooks/useModalProps.test.ts
@@ -29,4 +29,4 @@ describe('useModalProps', () => {
expect(props).toStrictEqual(MOCK_PROPS);
expect(hideModal).toStrictEqual(expect.any(Function));
});
-});
\ No newline at end of file
+});
diff --git a/ui/pages/settings/info-tab/info-tab.test.tsx b/ui/pages/settings/info-tab/info-tab.test.tsx
new file mode 100644
index 000000000000..30bcc9493726
--- /dev/null
+++ b/ui/pages/settings/info-tab/info-tab.test.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import { renderWithProvider } from '../../../../test/jest/rendering';
+import InfoTab from '.';
+
+describe('InfoTab', () => {
+ describe('validate links', () => {
+ let getByText: (text: string) => HTMLElement;
+
+ beforeEach(() => {
+ const renderResult = renderWithProvider();
+ getByText = renderResult.getByText;
+ });
+
+ it('should have correct href for "Privacy Policy" link', () => {
+ const privacyPolicyLink = getByText('Privacy policy');
+ expect(privacyPolicyLink).toHaveAttribute(
+ 'href',
+ 'https://metamask.io/privacy.html',
+ );
+ });
+
+ it('should have correct href for "Terms of Use" link', () => {
+ const termsOfUseLink = getByText('Terms of use');
+ expect(termsOfUseLink).toHaveAttribute(
+ 'href',
+ 'https://metamask.io/terms.html',
+ );
+ });
+
+ it('should have correct href for "Attributions" link', () => {
+ const attributionsLink = getByText('Attributions');
+ expect(attributionsLink).toHaveAttribute(
+ 'href',
+ 'https://metamask.io/attributions.html',
+ );
+ });
+
+ it('should have correct href for "Support" link', () => {
+ const supportLink = getByText('Visit our support center');
+ expect(supportLink).toHaveAttribute(
+ 'href',
+ 'https://support.metamask.io',
+ );
+ });
+
+ it('should have correct href for "Visit our website" link', () => {
+ const websiteLink = getByText('Visit our website');
+ expect(websiteLink).toHaveAttribute('href', 'https://metamask.io/');
+ });
+
+ it('should have correct href for "Contact us" link', () => {
+ const contactUsLink = getByText('Contact us');
+ expect(contactUsLink).toHaveAttribute(
+ 'href',
+ 'https://metamask.zendesk.com/hc/en-us',
+ );
+ });
+ });
+});