-
Notifications
You must be signed in to change notification settings - Fork 4.5k
🪟 🎉 Add experimentation support to auth pages #14650
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
@@ -39,7 +59,11 @@ const Auth: React.FC = () => { | |||
</FormContent> | |||
</div> | |||
<div className={styles.rightSide}> | |||
<PersonQuoteCover /> | |||
{hasValidRightSideUrl(rightSideUrl) ? ( | |||
<iframe src={rightSideUrl} title="Right Side" scrolling="no" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Since the title might be read out by assistive technology, I would suggest we change this to something that gives a bit more hint about the iframe's content, e.g. Why you should use Airbyte
or Benefits of using Airbyte
. Also I think we should ideally i18n this string.
be8dfe4
to
9375b5c
Compare
@@ -18,4 +18,11 @@ | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
|
|||
> iframe { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎨 Nitpick: Could we give the iFrame a className as well, to not need to work with tag selectors here?
b56dddd
to
0e277c6
Compare
const getExperiment: ExperimentService["getExperiment"] = (key): any => { | ||
if (key === TEST_EXPERIMENT_KEY) { | ||
return { test: 13 }; | ||
} | ||
throw new Error(`${key} not mocked for testing`); | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@edmundito I pushed a small change to this, so the method is throwing for not implemented ones, which helps us catch it more reliable during a test if it would ever be called with a different key. (Also helps us getting rid of one any
;) )
…ytehq/airbyte into edmundito/signup-experiment-support
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code LGTM, have viewed and tried in session together
What
Closes #13063
Adds the ability to experiment with the auth pages, most notably the sign up page:
How
For the most part, the text experiments can be enabled by changing the i18n strings. The Signup button has been given a unique string id so that it doesn't override titles or other uses on the button on other pages (like the email invitation page.)
For the side panel URL, it renders an iframe with the page. The page is limited to the airbyte domain and must be https. Otherwise, there will be an error.
For the self-hosted CTA (aka
<GitBlock />
) it just adds a boolean that can be controlled from LaunchDarkly to hide it.Finally, the customizations for
<PersonQuoteCover />
have been removed.Recommended reading order
Top to bottom
Tests