corysanin/tubestation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug 1914057 - hide sponsor label if served recommendations in review checker. r=shopping-reviewers,Gijs

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D219935
This commit is contained in:
kpatenio
2024-08-27 18:38:48 +00:00
parent 263dc34615
commit 6be27e8fff
7 changed files with 185 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
browser/components/storybook/stories/shopping-container.stories.mjs
View File

@@ -64,7 +64,7 @@ const MOCK_HIGHLIGHTS = {
},
};
const MOCK_RECOMMENDED_ADS = [
const MOCK_RECOMMENDED_ADS_SPONSORED = [
{
name: "VIVO Electric 60 x 24 inch Stand Up Desk | Black Table Top, Black Frame, Height Adjustable Standing Workstation with Memory Preset Controller (DESK-KIT-1B6B)",
url: "www.example.com",
@@ -77,6 +77,19 @@ const MOCK_RECOMMENDED_ADS = [
},
];
const MOCK_RECOMMENDED_NOT_SPONSORED = [
{
name: "VIVO Electric 60 x 24 inch Stand Up Desk | Black Table Top, Black Frame, Height Adjustable Standing Workstation with Memory Preset Controller (DESK-KIT-1B6B)",
url: "www.example.com",
price: "249.99",
currency: "USD",
grade: "A",
adjusted_rating: 4.6,
sponsored: false,
image_blob: new Blob(new Uint8Array(), { type: "image/jpeg" }),
},
];
const Template = ({
data,
isOffline,
@@ -194,8 +207,7 @@ ReanalysisInProgress.args = {
};
/**
* When ad functionality is enabled and the user wants the ad
* component visible.
* When a sponsored ad is served, and the user wants the ad component visible.
*/
export const AdVisibleByUser = Template.bind({});
AdVisibleByUser.args = {
@@ -208,12 +220,28 @@ AdVisibleByUser.args = {
},
adsEnabled: true,
adsEnabledByUser: true,
recommendationData: MOCK_RECOMMENDED_ADS,
recommendationData: MOCK_RECOMMENDED_ADS_SPONSORED,
};
/**
* When ad functionality is enabled, but the user wants the ad
* component hidden.
* When a non-sponsored recommendation is served, and the user wants the recommendation component visible.
*/
export const RecommendationVisibleByUser = Template.bind({});
RecommendationVisibleByUser.args = {
data: {
product_id: "ABCD123",
needs_analysis: false,
adjusted_rating: 5,
grade: "B",
highlights: MOCK_HIGHLIGHTS,
},
adsEnabled: true,
adsEnabledByUser: true,
recommendationData: MOCK_RECOMMENDED_NOT_SPONSORED,
};
/**
* When a sponsored ad is served, and the user wants the ad component hidden.
*/
export const AdHiddenByUser = Template.bind({});
AdHiddenByUser.args = {
@@ -226,7 +254,7 @@ AdHiddenByUser.args = {
},
adsEnabled: true,
adsEnabledByUser: false,
recommendationData: MOCK_RECOMMENDED_ADS,
recommendationData: MOCK_RECOMMENDED_ADS_SPONSORED,
};
export const NotEnoughReviews = Template.bind({});