Scaffold Sign in With Google Module

[tofumatt]

Feature Description

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• A module for Sign in With Google should be created with support for settings.
• The module should only appear/function when the signInWithGoogleModule feature flag is enabled. (Similar to how the rrmModule behaves, see:

  site-kit-wp/includes/Core/Modules/Modules.php

  Lines 181 to 183 in cd076ee

  	if ( Feature_Flags::enabled( 'rrmModule' ) ) {
  	$this->core_modules[ Reader_Revenue_Manager::MODULE_SLUG ] = Reader_Revenue_Manager::class;
  	}

  )
• The module should use the Google logo as its icon, see Figma: https://www.figma.com/design/h9yGR15Pg2DUtgERW4AFAv/Sign-in-with-Google?node-id=27-1075&t=IxHiqEfnlAaEGQ1D-4
• The module should be named "Sign in with Google"
• The module should have a "Beta" and "New" badge next to it in the modules list
• The module should have a description that reads "Improve user engagement, trust, and data privacy, while creating a simple, secure, and personalised experience for your visitors"

Implementation Brief

• Add a new file for the Sign in with Google module includes/Modules/Sign_In_With_Google.php
• Scaffold the module with the minimal number of functions to satisfy Module_With_Assets, Module_With_Deactivation, Module_With_Settings. See existing modules like PageSpeed or RRM for examples.
• Add the Google icon as its module icon, and the title/description from the ACs

Test Coverage

• Add basic tests to ensure module is scaffolded/loaded properly (tests/phpunit/integration/Modules/Sign_In_With_GoogleTest.php)
• Add tests to ensure the module is only available when the signInWithGoogleModule feature flag is enabled

QA Brief

• Enable the signInWithGoogle feature flag
• Go to the settings page and open the "connect more services" tab
• Ensure that you see the new module in the list of available modules and it matches the requirements in AC.

Changelog entry

• Add Sign in with Google module.

[eugene-manuilov]

IB ✔️

[mohitwp]

QA Update ❌

• Tested on dev environment.
• Verified the module appear/function only when the signInWithGoogleModule feature flag is enabled.
• Verified that the module uses the Google logo as its icon.
• Verified that the module named "Sign in with Google"
• Verified that the module have a "Beta" and "New" badge next to it in the modules list
• Verified that the module have a description that reads "Improve user engagement, trust, and data privacy, while creating a simple, secure, and personalised experience for your visitors".

@eugene-manuilov

Issue 1 > CTA link graphic symbol is getting little cut from bottom.

Issue 2 > 'New' badge background color is different in Figma.

Figma

[eugene-manuilov]

Issue 1 > CTA link graphic symbol is getting little cut from bottom.

@mohitwp that problem is out of scope for this ticket. If you think we should fix it, then please create a new issue for it.

Issue 2 > 'New' badge background color is different in Figma.

Updated and created a new PR for it. Once approved and merged, it will be fixed.

[mohitwp]

QA Update ✅

• Tested on main environment.
• Verified that beta label background color is now updated and it is same as Figma.
• Verified the module appear/function only when the signInWithGoogleModule feature flag is enabled.
• Verified that the module uses the Google logo as its icon.
• Verified that the module named "Sign in with Google"
• Verified that the module have a "Beta" and "New" badge next to it in the modules list
• Verified that the module have a description that reads "Improve user engagement, trust, and data privacy, while creating a simple, secure, and personalised experience for your visitors".

Note : I will create a separate ticket for the issue 1 reported above.