[Mobile] Different message displayed on iOS unsupported devices in the place of the install button location

[SoftVision-PaulOiegas]

[Affected versions]:

• Firefox 58.0.1 (mobile)

[Affected Platforms]:

• iOS 11.2.2 (iPhone 6)

[Prerequisites]:

• Latest Firefox browser version was installed on the mobile device.

[Steps to reproduce]:

1. Start the Firefox iOS app and navigate to https://testpilot.dev.mozaws.net page.
2. Observe the messages displayed in the place of the install button in the next sections
   -Homepage top part
   -Homepage bottom (above Newsletter form)
   -Experiment details page top part

[Expected result]:

• A different message than is displayed for mobile devices than on desktop on all 3 locations. The message informs the users that "Test Pilot requires Firefox for Desktop on Windows Mac or Linux".

[Actual result]:

• On iOS the message displayed is the same as on desktop "test Pilot is available for Firefox on Windows, OS X and Linux)"

[Notes]:

• This also reproduces on stage server.

[KhushilMistry]

I think this issue has been resolved.

Android

IOS

[SoftVision-PaulOiegas]

@KhushilMistry Wow, somehow I've missed your comment. Sadly it's not the same on the Test Pilot homepage.

I would personally go with the one on iOS for both mobile platforms, since the same message is displayed for 3rd party browsers like Edge, Chrome, etc on desktop.

[SoftVision-PaulOiegas]

And if we are talking about Android vs iOS differences, found another mismatch and logged it separately #4006.

[KhushilMistry]

Okay. I will make a PR for both the changes.

[KhushilMistry]

For the isFirefox in browser states, when we are running the app for the Mobile devices through Firefox Responsive Design mode, I am getting following user agent : mozilla/5.0 (linux; android 8.0.0; nexus 6p build/opp3.170518.006) applewebkit/537.36 (khtml, like gecko) chrome/67.0.3396.87 mobile safari/537.36
Its not including the "Firefox" in it so isFirefox state is being set as false and it is creating problem.
So do we need to update following function ?

testpilot/frontend/src/app/lib/utils.js

Lines 36 to 39 in cdacec5

	export function isFirefox(ua) {
	const userAgent = ua.toLowerCase();
	return userAgent.includes("firefox") && !userAgent.includes("fxios");
	}

Can you guide me here ? @meandavejustice