feat: Nudge users to become template creators if eligible (#8357)

cypress/composables/becomeTemplateCreatorCta.ts

@@ -0,0 +1,18 @@
+//#region Getters
+
+export const getBecomeTemplateCreatorCta = () => cy.getByTestId('become-template-creator-cta');
+
+export const getCloseBecomeTemplateCreatorCtaButton = () =>
+	cy.getByTestId('close-become-template-creator-cta');
+
+//#endregion
+
+//#region Actions
+
+export const interceptCtaRequestWithResponse = (becomeCreator: boolean) => {
+	return cy.intercept('GET', `/rest/cta/become-creator`, {
+		body: becomeCreator,
+	});
+};
+
+//#endregion

cypress/e2e/37-become-creator-cta.cy.ts

@@ -0,0 +1,32 @@
+import {
+	getBecomeTemplateCreatorCta,
+	getCloseBecomeTemplateCreatorCtaButton,
+	interceptCtaRequestWithResponse,
+} from '../composables/becomeTemplateCreatorCta';
+import { WorkflowsPage as WorkflowsPageClass } from '../pages/workflows';
+
+const WorkflowsPage = new WorkflowsPageClass();
+
+describe('Become creator CTA', () => {
+	it('should not show the CTA if user is not eligible', () => {
+		interceptCtaRequestWithResponse(false).as('cta');
+		cy.visit(WorkflowsPage.url);
+
+		cy.wait('@cta');
+
+		getBecomeTemplateCreatorCta().should('not.exist');
+	});
+
+	it('should show the CTA if the user is eligible', () => {
+		interceptCtaRequestWithResponse(true).as('cta');
+		cy.visit(WorkflowsPage.url);
+
+		cy.wait('@cta');
+
+		getBecomeTemplateCreatorCta().should('be.visible');
+
+		getCloseBecomeTemplateCreatorCtaButton().click();
+
+		getBecomeTemplateCreatorCta().should('not.exist');
+	});
+});