Malicious website protection - Android support

integration-tests/android.spec-int.js

@@ -53,6 +53,56 @@ test.describe('Protections toggle', () => {
     toggleFlows((page) => DashboardPage.android(page));
 });
 
+test.describe('phishing & malware protection', () => {
+    test('phishing warning', { tag: '@screenshots' }, async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page);
+        await dash.addState([testDataStates.phishing]);
+        await dash.screenshot('phishing-warning.png');
+        await dash.hasPhishingIcon();
+        await dash.hasPhishingHeadingText();
+        await dash.hasPhishingWarningText();
+        await dash.hasPhishingStatusText();
+        await dash.connectionLinkDoesntShow();
+    });
+
+    test('malware warning', { tag: '@screenshots' }, async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page);
+        await dash.addState([testDataStates.malware]);
+        await dash.screenshot('malware-warning.png');
+        await dash.hasMalwareIcon();
+        await dash.hasMalwareHeadingText();
+        await dash.hasMalwareWarningText();
+        await dash.hasMalwareStatusText();
+        await dash.connectionLinkDoesntShow();
+    });
+
+    test('shows report as safe link', async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page);
+        await dash.addState([testDataStates.malware]);
+        await dash.clickReportAsSafeLink();
+        await dash.mocks.calledForReportAsSafeLink('https://privacy-test-pages.site/security/badware/malware.html');
+    });
+
+    test('shows malware help page link', async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page);
+        await dash.addState([testDataStates.malware]);
+        await dash.clickMalwareHelpPageLink();
+        await dash.mocks.calledForHelpPagesLink();
+    });
+
+    test('shows phishing help page link', async ({ page }) => {
+        /** @type {DashboardPage} */
+        const dash = await DashboardPage.android(page);
+        await dash.addState([testDataStates.phishing]);
+        await dash.clickPhishingHelpPageLink();
+        await dash.mocks.calledForHelpPagesLink();
+    });
+});
+
 test.describe('breakage form', () => {
     test('sends message when breakage form is triggered from primary screen', async ({ page }) => {
         /** @type {DashboardPage} */

shared/js/browser/android-communication.js

@@ -10,6 +10,7 @@
 import {
     cookiePromptManagementStatusSchema,
     localeSettingsSchema,
+    maliciousSiteStatusSchema,
     protectionsStatusSchema,
     remoteFeatureSettingsSchema,
     requestDataSchema,
@@ -48,6 +49,9 @@ let isPendingUpdates;
 let parentEntity;
 const cookiePromptManagementStatus = {};
 
+/** @type {import('../../../schema/__generated__/schema.types').MaliciousSiteStatus} */
+let maliciousSiteStatus;
+
 /** @type {string | undefined} */
 let locale;
 
@@ -58,6 +62,7 @@ const combineSources = () => ({
     tab: Object.assign(
         {},
         trackerBlockingData || {},
+        { maliciousSiteStatus: maliciousSiteStatus ?? null },
         {
             isPendingUpdates,
             parentEntity,
@@ -75,7 +80,8 @@ const resolveInitialRender = function () {
     const isIsProtectedSet = typeof protections !== 'undefined';
     const isTrackerBlockingDataSet = typeof trackerBlockingData === 'object';
     const isLocaleSet = typeof locale === 'string';
-    if (!isLocaleSet || !isUpgradedHttpsSet || !isIsProtectedSet || !isTrackerBlockingDataSet) {
+    const isMaliciousSiteSet = maliciousSiteStatus && maliciousSiteStatus.kind !== undefined;
+    if (!isLocaleSet || !isUpgradedHttpsSet || !isIsProtectedSet || !isTrackerBlockingDataSet || !isMaliciousSiteSet) {
         return;
     }
 
@@ -179,6 +185,28 @@ export function onChangeLocale(payload) {
     channel?.send('updateTabData', { via: 'onChangeLocale' });
 }
 
+/**
+ * {@inheritDoc common.onChangeMaliciousSiteStatus}
+ * @type {import("./common.js").onChangeMaliciousSiteStatus}
+ * @group macOS -> JavaScript Interface
+ * @example
+ *
+ * ```kotlin
+ * // kotlin
+ * webView.evaluateJavascript("javascript:onChangeMaliciousSiteStatus(${maliciousSiteStatusJsonString});", null)
+ * ```
+ */
+export function onChangeMaliciousSiteStatus(payload) {
+    const parsed = maliciousSiteStatusSchema.safeParse(payload);
+    if (!parsed.success) {
+        console.error('could not parse incoming data from onChangeMaliciousSiteStatus');
+        console.error(parsed.error);
+        return;
+    }
+    maliciousSiteStatus = parsed.data;
+    resolveInitialRender();
+}
+
 /**
  * {@inheritDoc common.onChangeFeatureSettings}
  * @type {import("./common.js").onChangeFeatureSettings}
@@ -493,6 +521,7 @@ export function setup(debug) {
     };
     window.onChangeProtectionStatus = onChangeProtectionStatus;
     window.onChangeLocale = onChangeLocale;
+    window.onChangeMaliciousSiteStatus = onChangeMaliciousSiteStatus;
     window.onChangeRequestData = onChangeRequestData;
     window.onChangeConsentManaged = onChangeConsentManaged;
     window.onChangeFeatureSettings = onChangeFeatureSettings;

shared/js/browser/macos-communication.js

@@ -73,7 +73,7 @@ const combineSources = () => ({
     tab: Object.assign(
         {},
         trackerBlockingData || {},
-        { maliciousSiteStatus: maliciousSiteStatus ?? false },
+        { maliciousSiteStatus: maliciousSiteStatus ?? null },
         {
             isPendingUpdates,
             parentEntity,

shared/js/browser/utils/communication-mocks.mjs

@@ -50,7 +50,8 @@ export async function mockDataProvider(params) {
     window.onChangeLocale?.(state.localeSettings);
     window.onChangeRequestData(state.url, { requests: state.requests || [] });
 
-    if (platform?.name === 'macos' || platform?.name === 'ios') {
+    if (platform?.name === 'macos' || platform?.name === 'ios' || platform?.name === 'android') {
+        console.log('HERE');
         window.onChangeMaliciousSiteStatus?.(state.maliciousSiteStatus);
     }
 }

shared/js/ui/platform-features.mjs

@@ -56,7 +56,7 @@ export function createPlatformFeatures(platform) {
         initialScreen: screen,
         opener,
         supportsInvalidCertsImplicitly: platform.name !== 'browser' && platform.name !== 'windows',
-        supportsMaliciousSiteWarning: platform.name === 'macos' || platform.name === 'ios',
+        supportsMaliciousSiteWarning: platform.name === 'macos' || platform.name === 'ios' || platform.name === 'android',
         includeToggleOnBreakageForm,
         randomisedCategories,
     });