--- /dev/null
+A coupon is a way to pay for yearly subscriptions or to use other payment methods than card. Contact us for more information.
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import { getJSON } from '../helpers/request';
+import throwGlobalError from '../app/utils/throwGlobalError';
+import { SubscriptionPlan } from '../app/types';
+
+export function getSubscriptionPlans(): Promise<SubscriptionPlan[]> {
+ return getJSON('/api/billing/show_subscription_plans').then(
+ ({ subscriptionPlans }) => subscriptionPlans,
+ throwGlobalError
+ );
+}
return (
<SuggestionsProvider>
{({ suggestions }) => (
- <StartupModal location={props.location}>
+ <StartupModal>
<div className="global-container">
<div className="page-wrapper" id="container">
<div className="page-container">
import * as React from 'react';
import * as PropTypes from 'prop-types';
import { connect } from 'react-redux';
+import { withRouter, WithRouterProps } from 'react-router';
import { CurrentUser, isLoggedIn } from '../types';
import { differenceInDays, parseDate, toShortNotSoISOString } from '../../helpers/dates';
import { EditionKey } from '../../apps/marketplace/utils';
}
interface OwnProps {
- location: { pathname: string };
children?: React.ReactNode;
}
-type Props = StateProps & DispatchProps & OwnProps;
+type Props = StateProps & DispatchProps & OwnProps & WithRouterProps;
enum ModalKey {
license,
const LICENSE_PROMPT = 'sonarqube.license.prompt';
export class StartupModal extends React.PureComponent<Props, State> {
- static contextTypes = {
- router: PropTypes.object.isRequired
- };
-
static childContextTypes = {
openProjectOnboarding: PropTypes.func
};
openOrganizationOnboarding = () => {
this.closeOnboarding();
- this.context.router.push('/create-organization');
+ this.props.router.push({ pathname: '/create-organization', state: { paid: true } });
};
openProjectOnboarding = () => {
if (isSonarCloud()) {
this.setState({ automatic: false, modal: undefined });
- this.context.router.push(`/projects/create`);
+ this.props.router.push(`/projects/create`);
} else {
this.setState({ modal: ModalKey.projectOnboarding });
}
export default connect(
mapStateToProps,
mapDispatchToProps
-)(StartupModal);
+)(withRouter(StartupModal));
*/
import * as React from 'react';
import { shallow, ShallowWrapper } from 'enzyme';
+import { Location } from 'history';
+import { InjectedRouter } from 'react-router';
import { StartupModal } from '../StartupModal';
import { showLicense } from '../../../api/marketplace';
import { save, get } from '../../../helpers/storage';
import { hasMessage } from '../../../helpers/l10n';
-import { waitAndUpdate } from '../../../helpers/testUtils';
+import { waitAndUpdate, mockRouter } from '../../../helpers/testUtils';
import { differenceInDays, toShortNotSoISOString } from '../../../helpers/dates';
import { LoggedInUser } from '../../types';
import { EditionKey } from '../../../apps/marketplace/utils';
function getWrapper(props = {}) {
return shallow(
+ // @ts-ignore avoid passing everything from WithRouterProps
<StartupModal
canAdmin={true}
currentEdition={EditionKey.enterprise}
currentUser={LOGGED_IN_USER}
- location={{ pathname: 'foo/bar' }}
+ location={{ pathname: 'foo/bar' } as Location}
+ router={mockRouter() as InjectedRouter}
skipOnboardingAction={jest.fn()}
{...props}>
<div />
- </StartupModal>,
- { context: { router: { push: jest.fn() } } }
+ </StartupModal>
);
}
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2018 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-// @flow
-import React from 'react';
-import Helmet from 'react-helmet';
-import * as PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router';
-import { injectIntl } from 'react-intl';
-import { getExtensionStart } from './utils';
-import { translate } from '../../../helpers/l10n';
-import getStore from '../../utils/getStore';
-
-/*::
-type Props = {
- currentUser: Object,
- extension: {
- key: string,
- name: string
- },
- intl: Object,
- location: { hash: string },
- onFail: string => void,
- options?: {},
- router: Object
-};
-*/
-
-class Extension extends React.PureComponent {
- /*:: container: Object; */
- /*:: props: Props; */
- /*:: stop: ?Function; */
-
- static contextTypes = {
- suggestions: PropTypes.object.isRequired
- };
-
- componentDidMount() {
- this.startExtension();
- }
-
- componentDidUpdate(prevProps /*: Props */) {
- if (prevProps.extension !== this.props.extension) {
- this.stopExtension();
- this.startExtension();
- } else if (
- prevProps.location !== this.props.location &&
- // old router from backbone app updates hash, don't react in this case
- prevProps.location.hash === this.props.location.hash
- ) {
- this.startExtension();
- }
- }
-
- componentWillUnmount() {
- this.stopExtension();
- }
-
- handleStart = (start /*: Function */) => {
- const store = getStore();
- this.stop = start({
- store,
- el: this.container,
- currentUser: this.props.currentUser,
- intl: this.props.intl,
- location: this.props.location,
- router: this.props.router,
- suggestions: this.context.suggestions,
- ...this.props.options
- });
- };
-
- handleFailure = () => {
- this.props.onFail(translate('page_extension_failed'));
- };
-
- startExtension() {
- const { extension } = this.props;
- getExtensionStart(extension.key).then(this.handleStart, this.handleFailure);
- }
-
- stopExtension() {
- if (this.stop) {
- this.stop();
- this.stop = null;
- }
- }
-
- render() {
- return (
- <div>
- <Helmet title={this.props.extension.name} />
- <div ref={container => (this.container = container)} />
- </div>
- );
- }
-}
-
-export default injectIntl(withRouter(Extension));
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import Helmet from 'react-helmet';
+import * as PropTypes from 'prop-types';
+import { withRouter, WithRouterProps } from 'react-router';
+import { injectIntl, InjectedIntlProps } from 'react-intl';
+import { getExtensionStart } from './utils';
+import { translate } from '../../../helpers/l10n';
+import getStore from '../../utils/getStore';
+import { CurrentUser } from '../../types';
+
+interface OwnProps {
+ currentUser: CurrentUser;
+ extension: { key: string; name: string };
+ onFail: (message: string) => void;
+ options?: {};
+}
+
+type Props = OwnProps & WithRouterProps & InjectedIntlProps;
+
+class Extension extends React.PureComponent<Props> {
+ container?: HTMLElement | null;
+ stop?: Function;
+
+ static contextTypes = {
+ suggestions: PropTypes.object.isRequired
+ };
+
+ componentDidMount() {
+ this.startExtension();
+ }
+
+ componentDidUpdate(prevProps: Props) {
+ if (prevProps.extension !== this.props.extension) {
+ this.stopExtension();
+ this.startExtension();
+ } else if (prevProps.location !== this.props.location) {
+ this.startExtension();
+ }
+ }
+
+ componentWillUnmount() {
+ this.stopExtension();
+ }
+
+ handleStart = (start: Function) => {
+ const store = getStore();
+ this.stop = start({
+ store,
+ el: this.container,
+ currentUser: this.props.currentUser,
+ intl: this.props.intl,
+ location: this.props.location,
+ router: this.props.router,
+ suggestions: this.context.suggestions,
+ ...this.props.options
+ });
+ };
+
+ handleFailure = () => {
+ this.props.onFail(translate('page_extension_failed'));
+ };
+
+ startExtension() {
+ const { extension } = this.props;
+ getExtensionStart(extension.key).then(this.handleStart, this.handleFailure);
+ }
+
+ stopExtension() {
+ if (this.stop) {
+ this.stop();
+ this.stop = undefined;
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <Helmet title={this.props.extension.name} />
+ <div ref={container => (this.container = container)} />
+ </div>
+ );
+ }
+}
+
+export default injectIntl<OwnProps>(withRouter<OwnProps & InjectedIntlProps>(Extension));
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2018 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-// @flow
-import React from 'react';
-import { connect } from 'react-redux';
-import ExtensionContainer from './ExtensionContainer';
-import NotFound from '../NotFound';
-import { getAppState } from '../../../store/rootReducer';
-
-/*::
-type Props = {
- adminPages: Array<{ key: string }>,
- params: {
- extensionKey: string,
- pluginKey: string
- }
-};
-*/
-
-function GlobalAdminPageExtension(props /*: Props */) {
- const { extensionKey, pluginKey } = props.params;
- const extension = props.adminPages.find(p => p.key === `${pluginKey}/${extensionKey}`);
- return extension ? (
- <ExtensionContainer extension={extension} />
- ) : (
- <NotFound withContainer={false} />
- );
-}
-
-const mapStateToProps = state => ({
- adminPages: getAppState(state).adminPages
-});
-
-export default connect(mapStateToProps)(GlobalAdminPageExtension);
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { connect } from 'react-redux';
+import ExtensionContainer from './ExtensionContainer';
+import NotFound from '../NotFound';
+import { Extension } from '../../types';
+import { getAppState, Store } from '../../../store/rootReducer';
+
+interface Props {
+ adminPages: Extension[] | undefined;
+ params: { extensionKey: string; pluginKey: string };
+}
+
+function GlobalAdminPageExtension(props: Props) {
+ const { extensionKey, pluginKey } = props.params;
+ const extension = (props.adminPages || []).find(p => p.key === `${pluginKey}/${extensionKey}`);
+ return extension ? (
+ <ExtensionContainer extension={extension} />
+ ) : (
+ <NotFound withContainer={false} />
+ );
+}
+
+const mapStateToProps = (state: Store) => ({
+ adminPages: getAppState(state).adminPages
+});
+
+export default connect(mapStateToProps)(GlobalAdminPageExtension);
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2018 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-// @flow
-import React from 'react';
-import { connect } from 'react-redux';
-import ExtensionContainer from './ExtensionContainer';
-import NotFound from '../NotFound';
-import { getAppState } from '../../../store/rootReducer';
-
-/*::
-type Props = {
- globalPages: Array<{ key: string }>,
- params: {
- extensionKey: string,
- pluginKey: string
- }
-};
-*/
-
-function GlobalPageExtension(props /*: Props */) {
- const { extensionKey, pluginKey } = props.params;
- const extension = props.globalPages.find(p => p.key === `${pluginKey}/${extensionKey}`);
- return extension ? (
- <ExtensionContainer extension={extension} />
- ) : (
- <NotFound withContainer={false} />
- );
-}
-
-const mapStateToProps = state => ({
- globalPages: getAppState(state).globalPages
-});
-
-export default connect(mapStateToProps)(GlobalPageExtension);
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { connect } from 'react-redux';
+import ExtensionContainer from './ExtensionContainer';
+import NotFound from '../NotFound';
+import { getAppState, Store } from '../../../store/rootReducer';
+import { Extension } from '../../types';
+
+interface Props {
+ globalPages: Extension[] | undefined;
+ params: { extensionKey: string; pluginKey: string };
+}
+
+function GlobalPageExtension(props: Props) {
+ const { extensionKey, pluginKey } = props.params;
+ const extension = (props.globalPages || []).find(p => p.key === `${pluginKey}/${extensionKey}`);
+ return extension ? (
+ <ExtensionContainer extension={extension} />
+ ) : (
+ <NotFound withContainer={false} />
+ );
+}
+
+const mapStateToProps = (state: Store) => ({
+ globalPages: getAppState(state).globalPages
+});
+
+export default connect(mapStateToProps)(GlobalPageExtension);
return extension ? (
<ExtensionContainer
extension={extension}
- location={this.props.location}
options={{ organization, refreshOrganization: this.refreshOrganization }}
/>
) : (
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2018 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-// @flow
-import React from 'react';
-import GlobalPageExtension from './GlobalPageExtension';
-
-export default function PortfoliosPage(props /*: Object */) {
- return (
- <div>
- <GlobalPageExtension
- location={props.location}
- params={{ pluginKey: 'governance', extensionKey: 'portfolios' }}
- />
- </div>
- );
-}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import GlobalPageExtension from './GlobalPageExtension';
+
+export default function PortfoliosPage() {
+ return <GlobalPageExtension params={{ pluginKey: 'governance', extensionKey: 'portfolios' }} />;
+}
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2018 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-// @flow
-import React from 'react';
-import { connect } from 'react-redux';
-import ExtensionContainer from './ExtensionContainer';
-import NotFound from '../NotFound';
-import { addGlobalErrorMessage } from '../../../store/globalMessages';
-
-/*::
-type Props = {
- component: {
- configuration?: {
- extensions: Array<{ key: string }>
- }
- },
- location: { query: { id: string } },
- params: {
- extensionKey: string,
- pluginKey: string
- }
-};
-*/
-
-function ProjectAdminPageExtension(props /*: Props */) {
- const { extensionKey, pluginKey } = props.params;
- const { component } = props;
- const extension =
- component.configuration &&
- component.configuration.extensions.find(p => p.key === `${pluginKey}/${extensionKey}`);
- return extension ? (
- <ExtensionContainer extension={extension} options={{ component }} />
- ) : (
- <NotFound withContainer={false} />
- );
-}
-
-const mapDispatchToProps = { onFail: addGlobalErrorMessage };
-
-export default connect(
- null,
- mapDispatchToProps
-)(ProjectAdminPageExtension);
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { connect } from 'react-redux';
+import { Location } from 'history';
+import ExtensionContainer from './ExtensionContainer';
+import NotFound from '../NotFound';
+import { addGlobalErrorMessage } from '../../../store/globalMessages';
+import { Component } from '../../types';
+
+interface Props {
+ component: Component;
+ location: Location;
+ params: { extensionKey: string; pluginKey: string };
+}
+
+function ProjectAdminPageExtension(props: Props) {
+ const { extensionKey, pluginKey } = props.params;
+ const { component } = props;
+ const extension =
+ component.configuration &&
+ (component.configuration.extensions || []).find(p => p.key === `${pluginKey}/${extensionKey}`);
+ return extension ? (
+ <ExtensionContainer extension={extension} options={{ component }} />
+ ) : (
+ <NotFound withContainer={false} />
+ );
+}
+
+const mapDispatchToProps = { onFail: addGlobalErrorMessage };
+
+export default connect(
+ null,
+ mapDispatchToProps
+)(ProjectAdminPageExtension);
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2018 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-// @flow
-import exposeLibraries from './exposeLibraries';
-import { getExtensionFromCache } from '../../utils/installExtensionsHandler';
-
-function installScript(key /*: string */) {
- return new Promise(resolve => {
- exposeLibraries();
- const scriptTag = document.createElement('script');
- scriptTag.src = `${window.baseUrl}/static/${key}.js`;
- scriptTag.onload = resolve;
- document.getElementsByTagName('body')[0].appendChild(scriptTag);
- });
-}
-
-export function getExtensionStart(key /*: string */) {
- return new Promise((resolve, reject) => {
- const fromCache = getExtensionFromCache(key);
- if (fromCache) {
- resolve(fromCache);
- return;
- }
-
- installScript(key).then(() => {
- const start = getExtensionFromCache(key);
- if (start) {
- resolve(start);
- } else {
- reject();
- }
- }, reject);
- });
-}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import exposeLibraries from './exposeLibraries';
+import { getExtensionFromCache } from '../../utils/installExtensionsHandler';
+import { getBaseUrl } from '../../../helpers/urls';
+
+function installScript(key: string) {
+ return new Promise(resolve => {
+ exposeLibraries();
+ const scriptTag = document.createElement('script');
+ scriptTag.src = `${getBaseUrl()}/static/${key}.js`;
+ scriptTag.onload = resolve;
+ document.getElementsByTagName('body')[0].appendChild(scriptTag);
+ });
+}
+
+export function getExtensionStart(key: string): Promise<Function> {
+ return new Promise((resolve, reject) => {
+ const fromCache = getExtensionFromCache(key);
+ if (fromCache) {
+ resolve(fromCache);
+ return;
+ }
+
+ installScript(key).then(() => {
+ const start = getExtensionFromCache(key);
+ if (start) {
+ resolve(start);
+ } else {
+ reject();
+ }
+ }, reject);
+ });
+}
font-size: var(--smallFontSize);
}
-.note a {
- color: var(--secondFontColor);
-}
-
.spacer-left {
margin-left: 8px !important;
}
uuid: string;
}
+export interface SubscriptionPlan {
+ maxNcloc: number;
+ price: number;
+}
+
export interface TestCase {
coveredLines: number;
durationInMs: number;
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { CurrentUser, SubscriptionPlan } from '../../../app/types';
+
+interface ChildrenProps {
+ alertError: string | undefined;
+ couponValue: string;
+ onSubmit: React.FormEventHandler;
+ renderAdditionalInfo: () => React.ReactNode;
+ renderBillingNameInput: () => React.ReactNode;
+ renderBraintreeClient: () => React.ReactNode;
+ renderCountrySelect: () => React.ReactNode;
+ renderCouponInput: (children?: React.ReactNode) => React.ReactNode;
+ renderEmailInput: () => React.ReactNode;
+ renderNextCharge: () => React.ReactNode;
+ renderPlanSelect: () => React.ReactNode;
+ renderResetButton: () => React.ReactNode;
+ renderSpinner: () => React.ReactNode;
+ renderSubmitButton: (text?: string) => React.ReactNode;
+ renderTermsOfService: () => React.ReactNode;
+ renderTypeOfUseSelect: () => React.ReactNode;
+}
+
+interface Props {
+ children: (props: ChildrenProps) => React.ReactElement<any>;
+ country?: string;
+ currentUser: CurrentUser;
+ onClose: () => void;
+ onCommit: () => void;
+ organizationKey: string | (() => Promise<string>);
+ subscriptionPlans: SubscriptionPlan[];
+}
+
+export default class BillingFormShim extends React.Component<Props> {
+ render() {
+ const { BillingForm } = (window as any).SonarBilling;
+ return <BillingForm {...this.props} />;
+ }
+}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import * as classNames from 'classnames';
+import BillingFormShim from './BillingFormShim';
+import { withCurrentUser } from './withCurrentUser';
+import { CurrentUser, SubscriptionPlan } from '../../../app/types';
+import { translate } from '../../../helpers/l10n';
+
+interface Props {
+ createOrganization: () => Promise<string>;
+ currentUser: CurrentUser;
+ onSubmit: () => void;
+ subscriptionPlans: SubscriptionPlan[];
+}
+
+export class CardForm extends React.PureComponent<Props> {
+ handleClose = () => {
+ // do nothing
+ };
+
+ render() {
+ return (
+ <div className="huge-spacer-top">
+ <BillingFormShim
+ currentUser={this.props.currentUser}
+ onClose={this.handleClose}
+ onCommit={this.props.onSubmit}
+ organizationKey={this.props.createOrganization}
+ subscriptionPlans={this.props.subscriptionPlans}>
+ {form => (
+ <form onSubmit={form.onSubmit}>
+ <div className="columns column-show-overflow">
+ <div className="column-half">
+ <h3>{translate('billing.upgrade.billing_info')}</h3>
+ {form.renderEmailInput()}
+ {form.renderTypeOfUseSelect()}
+ {form.renderBillingNameInput()}
+ {form.renderCountrySelect()}
+ {form.renderAdditionalInfo()}
+ </div>
+ <div className="column-half">
+ <h3>{translate('billing.upgrade.plan')}</h3>
+ {form.renderPlanSelect()}
+ <h3>{translate('billing.upgrade.card_info')}</h3>
+ {form.renderBraintreeClient()}
+ </div>
+ </div>
+ <div className="upgrade-footer big-spacer-top">
+ {form.renderNextCharge()}
+ <hr className="big-spacer-bottom" />
+ {form.alertError && <p className="alert alert-danger">{form.alertError}</p>}
+ </div>
+ <div
+ className={classNames({
+ 'big-spacer-top': form.alertError !== undefined
+ })}>
+ {form.renderSpinner()}
+ {form.renderSubmitButton(
+ translate('onboarding.create_organization.create_and_upgrade')
+ )}
+ </div>
+ {form.renderTermsOfService()}
+ </form>
+ )}
+ </BillingFormShim>
+ </div>
+ );
+ }
+}
+
+export default withCurrentUser(CardForm);
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import * as classNames from 'classnames';
+import BillingFormShim from './BillingFormShim';
+import { withCurrentUser } from './withCurrentUser';
+import { CurrentUser } from '../../../app/types';
+import { translate } from '../../../helpers/l10n';
+import DocTooltip from '../../../components/docs/DocTooltip';
+
+interface Props {
+ createOrganization: () => Promise<string>;
+ currentUser: CurrentUser;
+ onSubmit: () => void;
+}
+
+export class CouponForm extends React.PureComponent<Props> {
+ handleClose = () => {
+ // do nothing
+ };
+
+ render() {
+ return (
+ <div className="huge-spacer-top">
+ <BillingFormShim
+ currentUser={this.props.currentUser}
+ onClose={this.handleClose}
+ onCommit={this.props.onSubmit}
+ organizationKey={this.props.createOrganization}
+ subscriptionPlans={[]}>
+ {form => (
+ <form onSubmit={form.onSubmit}>
+ <div className="hidden">{form.renderBraintreeClient()}</div>
+ {form.renderCouponInput(
+ <label htmlFor="coupon">
+ {translate('billing.upgrade.coupon')}
+ <DocTooltip
+ className="little-spacer-left"
+ doc={import(/* webpackMode: "eager" */ 'Docs/tooltips/billing/coupon.md')}
+ />
+ </label>
+ )}
+ <h3 className="big-spacer-top">{translate('billing.upgrade.billing_info')}</h3>
+ {form.renderEmailInput()}
+ {form.renderTypeOfUseSelect()}
+ {form.renderBillingNameInput()}
+ {form.renderCountrySelect()}
+ {form.renderAdditionalInfo()}
+ {form.alertError && <p className="alert alert-danger">{form.alertError}</p>}
+ <div className={classNames({ 'big-spacer-top': form.alertError !== undefined })}>
+ {form.renderSpinner()}
+ {form.renderSubmitButton(
+ translate('onboarding.create_organization.create_and_upgrade')
+ )}
+ </div>
+ {form.renderTermsOfService()}
+ </form>
+ )}
+ </BillingFormShim>
+ </div>
+ );
+ }
+}
+
+export default withCurrentUser(CouponForm);
import { Link, withRouter, WithRouterProps } from 'react-router';
import { connect } from 'react-redux';
import OrganizationDetailsStep from './OrganizationDetailsStep';
+import PlanStep from './PlanStep';
+import { formatPrice } from './utils';
import { whenLoggedIn } from './whenLoggedIn';
-import { translate } from '../../../helpers/l10n';
-import { OrganizationBase, Organization } from '../../../app/types';
import { createOrganization } from '../../organizations/actions';
+import { getSubscriptionPlans } from '../../../api/billing';
+import { OrganizationBase, Organization, SubscriptionPlan } from '../../../app/types';
+import { translate } from '../../../helpers/l10n';
import { getOrganizationUrl } from '../../../helpers/urls';
import '../../../app/styles/sonarcloud.css';
import '../../tutorials/styles.css'; // TODO remove me
createOrganization: (organization: OrganizationBase) => Promise<Organization>;
}
-export class CreateOrganization extends React.PureComponent<Props & WithRouterProps> {
+enum Step {
+ OrganizationDetails,
+ Plan
+}
+
+interface State {
+ loading: boolean;
+ organization?: Organization;
+ step: Step;
+ subscriptionPlans?: SubscriptionPlan[];
+}
+
+export class CreateOrganization extends React.PureComponent<Props & WithRouterProps, State> {
mounted = false;
+ state: State = {
+ loading: true,
+ step: Step.OrganizationDetails
+ };
componentDidMount() {
this.mounted = true;
document.body.classList.add('white-page');
document.documentElement.classList.add('white-page');
+ this.fetchSubscriptionPlans();
}
componentWillUnmount() {
document.body.classList.remove('white-page');
}
- handleOrganizationCreate = (organization: Required<OrganizationBase>) => {
- return this.props
- .createOrganization({
- avatar: organization.avatar,
- description: organization.description,
- key: organization.key,
- name: organization.name || organization.key,
- url: organization.url
- })
- .then(organization => {
- this.props.router.push(getOrganizationUrl(organization.key));
- });
+ fetchSubscriptionPlans = () => {
+ getSubscriptionPlans().then(
+ subscriptionPlans => {
+ if (this.mounted) {
+ this.setState({ loading: false, subscriptionPlans });
+ }
+ },
+ () => {
+ if (this.mounted) {
+ this.setState({ loading: false });
+ }
+ }
+ );
+ };
+
+ handleOrganizationDetailsStepOpen = () => {
+ this.setState({ step: Step.OrganizationDetails });
+ };
+
+ handleOrganizationDetailsFinish = (organization: Required<OrganizationBase>) => {
+ this.setState({ organization, step: Step.Plan });
+ return Promise.resolve();
+ };
+
+ handlePaidPlanChoose = () => {
+ if (this.state.organization) {
+ this.props.router.push(getOrganizationUrl(this.state.organization.key));
+ }
+ };
+
+ handleFreePlanChoose = () => {
+ this.createOrganization().then(
+ key => this.props.router.push(getOrganizationUrl(key)),
+ () => {}
+ );
+ };
+
+ createOrganization = () => {
+ const { organization } = this.state;
+ if (organization) {
+ return this.props
+ .createOrganization({
+ avatar: organization.avatar,
+ description: organization.description,
+ key: organization.key,
+ name: organization.name || organization.key,
+ url: organization.url
+ })
+ .then(({ key }) => key);
+ } else {
+ return Promise.reject();
+ }
};
render() {
+ const { location } = this.props;
+ const { loading, subscriptionPlans } = this.state;
const header = translate('onboarding.create_organization.page.header');
+ const startedPrice = subscriptionPlans && subscriptionPlans[0] && subscriptionPlans[0].price;
+ const formattedPrice = formatPrice(startedPrice);
return (
<>
<div className="sonarcloud page page-limited">
<header className="page-header">
<h1 className="page-title big-spacer-bottom">{header}</h1>
- <div className="page-actions">
- <Link to="/">{translate('cancel')}</Link>
- </div>
- <p className="page-description">
- <FormattedMessage
- defaultMessage={translate('onboarding.create_organization.page.description')}
- id="onboarding.create_organization.page.description"
- values={{
- break: <br />,
- price: '€10', // TODO
- more: (
- <Link to="/documentation/sonarcloud-pricing">{translate('learn_more')}</Link>
- )
- }}
- />
- </p>
+ {startedPrice !== undefined && (
+ <p className="page-description">
+ <FormattedMessage
+ defaultMessage={translate('onboarding.create_organization.page.description')}
+ id="onboarding.create_organization.page.description"
+ values={{
+ break: <br />,
+ price: formattedPrice,
+ more: (
+ <Link target="_blank" to="/documentation/sonarcloud-pricing">
+ {translate('learn_more')}
+ </Link>
+ )
+ }}
+ />
+ </p>
+ )}
</header>
- <OrganizationDetailsStep onContinue={this.handleOrganizationCreate} />
+ {loading ? (
+ <i className="spinner" />
+ ) : (
+ <>
+ <OrganizationDetailsStep
+ finished={this.state.organization !== undefined}
+ onContinue={this.handleOrganizationDetailsFinish}
+ onOpen={this.handleOrganizationDetailsStepOpen}
+ open={this.state.step === Step.OrganizationDetails}
+ organization={this.state.organization}
+ />
+
+ {subscriptionPlans !== undefined &&
+ this.state.organization && (
+ <PlanStep
+ createOrganization={this.createOrganization}
+ onFreePlanChoose={this.handleFreePlanChoose}
+ onPaidPlanChoose={this.handlePaidPlanChoose}
+ onlyPaid={location.state && location.state.paid === true}
+ open={this.state.step === Step.Plan}
+ startingPrice={formattedPrice}
+ subscriptionPlans={subscriptionPlans}
+ />
+ )}
+ </>
+ )}
</div>
</>
);
import ValidationForm, { ChildrenProps } from '../../../components/controls/ValidationForm';
import { translate } from '../../../helpers/l10n';
import { ResetButtonLink, SubmitButton } from '../../../components/ui/buttons';
+import AlertSuccessIcon from '../../../components/icons-components/AlertSuccessIcon';
import DropdownIcon from '../../../components/icons-components/DropdownIcon';
import { isUrl } from '../../../helpers/urls';
import { OrganizationBase } from '../../../app/types';
};
interface Props {
+ finished: boolean;
onContinue: (organization: Required<OrganizationBase>) => Promise<void>;
+ onOpen: () => void;
+ open: boolean;
+ organization?: OrganizationBase & { key: string };
}
interface State {
export default class OrganizationDetailsStep extends React.PureComponent<Props, State> {
state: State = { additional: false };
+ getInitialValues = (): Values => {
+ const { organization } = this.props;
+ if (organization) {
+ return {
+ avatar: organization.avatar || '',
+ description: organization.description || '',
+ name: organization.name,
+ key: organization.key,
+ url: organization.url || ''
+ };
+ } else {
+ return initialValues;
+ }
+ };
+
handleAdditionalClick = () => {
this.setState(state => ({ additional: !state.additional }));
};
return Promise.reject(errors);
}
+ // TODO debounce
return this.checkFreeKey(key).then(free => {
if (!free) {
errors.key = translate('onboarding.create_organization.organization_name.taken');
</div>
</div>
<div className="big-spacer-top">
- <SubmitButton disabled={isSubmitting || !isValid || !dirty}>
- {/* // TODO change me */}
- {translate('onboarding.create_organization.page.header')}
- </SubmitButton>
+ <SubmitButton disabled={isSubmitting || !isValid}>{translate('continue')}</SubmitButton>
</div>
</>
);
return (
<div className="boxed-group-inner">
<ValidationForm<Values>
- initialValues={initialValues}
+ initialValues={this.getInitialValues()}
+ isInitialValid={this.props.organization !== undefined}
onSubmit={this.props.onContinue}
validate={this.handleValidate}>
{this.renderInnerForm}
);
};
+ renderResult = () => {
+ const { organization } = this.props;
+ return organization ? (
+ <div className="boxed-group-actions display-flex-center">
+ <AlertSuccessIcon className="spacer-right" />
+ <strong>{organization.key}</strong>
+ </div>
+ ) : null;
+ };
+
render() {
return (
<Step
- finished={false}
- onOpen={() => {}}
- open={true}
+ finished={this.props.finished}
+ onOpen={this.props.onOpen}
+ open={this.props.open}
renderForm={this.renderForm}
- renderResult={() => <div />}
+ renderResult={this.renderResult}
stepNumber={1}
stepTitle={translate('onboarding.create_organization.enter_org_details')}
/>
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import RadioToggle from '../../../components/controls/RadioToggle';
+import { translate } from '../../../helpers/l10n';
+
+export enum PaymentMethod {
+ Card = 'card',
+ Coupon = 'coupon'
+}
+
+interface Props {
+ onChange: (paymentMethod: PaymentMethod) => void;
+ paymentMethod: PaymentMethod | undefined;
+}
+
+export default class PaymentMethodSelect extends React.PureComponent<Props> {
+ render() {
+ const options = Object.values(PaymentMethod).map(value => ({
+ label: translate('billing', value),
+ value
+ }));
+
+ return (
+ <div>
+ <label className="spacer-bottom">
+ {translate('onboarding.create_organization.choose_payment_method')}
+ </label>
+ <div className="little-spacer-top">
+ <RadioToggle
+ name="payment-method"
+ onCheck={this.props.onChange}
+ options={options}
+ value={this.props.paymentMethod}
+ />
+ </div>
+ </div>
+ );
+ }
+}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Link } from 'react-router';
+import Radio from '../../../components/controls/Radio';
+import { translate } from '../../../helpers/l10n';
+
+export enum Plan {
+ Free = 'free',
+ Paid = 'paid'
+}
+
+interface Props {
+ onChange: (plan: Plan) => void;
+ plan: Plan;
+ startingPrice: string;
+}
+
+export default class PlanSelect extends React.PureComponent<Props> {
+ handleFreePlanClick = () => {
+ this.props.onChange(Plan.Free);
+ };
+
+ handlePaidPlanClick = () => {
+ this.props.onChange(Plan.Paid);
+ };
+
+ render() {
+ const { plan } = this.props;
+ return (
+ <div
+ aria-label={translate('onboarding.create_organization.choose_plan')}
+ className="huge-spacer-bottom"
+ role="radiogroup">
+ <div>
+ <Radio checked={plan === Plan.Free} onCheck={this.handleFreePlanClick}>
+ <span>{translate('billing.free_plan.title')}</span>
+ </Radio>
+ <p className="note markdown little-spacer-top">
+ {translate('billing.free_plan.description')}
+ </p>
+ </div>
+ <div className="big-spacer-top">
+ <Radio checked={plan === Plan.Paid} onCheck={this.handlePaidPlanClick}>
+ <span>{translate('billing.paid_plan.title')}</span>
+ </Radio>
+ <p className="note markdown little-spacer-top">
+ <FormattedMessage
+ defaultMessage={translate('billing.paid_plan.description')}
+ id="billing.paid_plan.description"
+ values={{
+ price: this.props.startingPrice,
+ more: (
+ <>
+ {' '}
+ <Link target="_blank" to="/documentation/sonarcloud-pricing">
+ {translate('learn_more')}
+ </Link>
+ <br />
+ </>
+ )
+ }}
+ />
+ </p>
+ </div>
+ </div>
+ );
+ }
+}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import PaymentMethodSelect, { PaymentMethod } from './PaymentMethodSelect';
+import CardForm from './CardForm';
+import CouponForm from './CouponForm';
+import PlanSelect, { Plan } from './PlanSelect';
+import Step from '../../tutorials/components/Step';
+import { translate } from '../../../helpers/l10n';
+import { getExtensionStart } from '../../../app/components/extensions/utils';
+import { SubscriptionPlan } from '../../../app/types';
+import { SubmitButton } from '../../../components/ui/buttons';
+
+interface Props {
+ createOrganization: () => Promise<string>;
+ onFreePlanChoose: () => void;
+ onPaidPlanChoose: () => void;
+ onlyPaid?: boolean;
+ open: boolean;
+ startingPrice: string;
+ subscriptionPlans: SubscriptionPlan[];
+}
+
+interface State {
+ paymentMethod?: PaymentMethod;
+ plan: Plan;
+ ready: boolean;
+}
+
+export default class PlanStep extends React.PureComponent<Props, State> {
+ mounted = false;
+
+ constructor(props: Props) {
+ super(props);
+ this.state = {
+ plan: props.onlyPaid ? Plan.Paid : Plan.Free,
+ ready: false
+ };
+ }
+
+ componentDidMount() {
+ this.mounted = true;
+ getExtensionStart('billing/billing').then(
+ () => {
+ if (this.mounted) {
+ this.setState({ ready: true });
+ }
+ },
+ () => {}
+ );
+ }
+
+ componentWillUnmount() {
+ this.mounted = false;
+ }
+
+ handlePlanChange = (plan: Plan) => {
+ this.setState({ plan });
+ };
+
+ handlePaymentMethodChange = (paymentMethod: PaymentMethod) => {
+ this.setState({ paymentMethod });
+ };
+
+ renderForm = () => {
+ return (
+ <div className="boxed-group-inner">
+ {this.state.ready && (
+ <>
+ {!this.props.onlyPaid && (
+ <PlanSelect
+ onChange={this.handlePlanChange}
+ plan={this.state.plan}
+ startingPrice={this.props.startingPrice}
+ />
+ )}
+
+ {this.state.plan === Plan.Paid ? (
+ <>
+ <PaymentMethodSelect
+ onChange={this.handlePaymentMethodChange}
+ paymentMethod={this.state.paymentMethod}
+ />
+ {this.state.paymentMethod === PaymentMethod.Card && (
+ <CardForm
+ createOrganization={this.props.createOrganization}
+ onSubmit={this.props.onPaidPlanChoose}
+ subscriptionPlans={this.props.subscriptionPlans}
+ />
+ )}
+ {this.state.paymentMethod === PaymentMethod.Coupon && (
+ <CouponForm
+ createOrganization={this.props.createOrganization}
+ onSubmit={this.props.onPaidPlanChoose}
+ />
+ )}
+ </>
+ ) : (
+ <SubmitButton className="big-spacer-top" onClick={this.props.onFreePlanChoose}>
+ {translate('my_account.create_organization')}
+ </SubmitButton>
+ )}
+ </>
+ )}
+ </div>
+ );
+ };
+
+ render() {
+ const stepTitle = translate(
+ this.props.onlyPaid
+ ? 'onboarding.create_organization.enter_payment_details'
+ : 'onboarding.create_organization.choose_plan'
+ );
+
+ return (
+ <Step
+ finished={false}
+ onOpen={() => {}}
+ open={this.props.open}
+ renderForm={this.renderForm}
+ renderResult={() => null}
+ stepNumber={2}
+ stepTitle={stepTitle}
+ />
+ );
+ }
+}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+
+export default class BillingFormShim extends React.Component<{ children: any }> {
+ render() {
+ return (
+ <div id="BillingFormShim">
+ {this.props.children({
+ alertError: undefined,
+ couponValue: '',
+ onSubmit: jest.fn(),
+ renderAdditionalInfo: () => <div id="additional-info" />,
+ renderBillingNameInput: () => <div id="billing-name" />,
+ renderBraintreeClient: () => <div id="braintree-client" />,
+ renderCountrySelect: () => <div id="country-select" />,
+ renderCouponInput: () => <div id="coupon-input" />,
+ renderEmailInput: () => <div id="email-input" />,
+ renderNextCharge: () => <div id="next-charge" />,
+ renderPlanSelect: () => <div id="plan-select" />,
+ renderResetButton: () => <div id="reset-button" />,
+ renderSpinner: () => <div id="spinner" />,
+ renderSubmitButton: () => <div id="submit-button" />,
+ renderTermsOfService: () => <div id="terms-of-service" />,
+ renderTypeOfUseSelect: () => <div id="type-of-use-select" />
+ })}
+ </div>
+ );
+ }
+}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import BillingFormShim from '../BillingFormShim';
+
+beforeAll(() => {
+ function BillingForm() {
+ return <div id="billing-form" />;
+ }
+
+ (window as any).SonarBilling = { BillingForm };
+});
+
+afterAll(() => {
+ delete (window as any).SonarBilling;
+});
+
+it('should render', () => {
+ expect(
+ shallow(
+ <BillingFormShim
+ currentUser={{ isLoggedIn: false }}
+ onClose={jest.fn()}
+ onCommit={jest.fn()}
+ organizationKey="org"
+ subscriptionPlans={[]}>
+ {() => <div id="inner-billing-form" />}
+ </BillingFormShim>
+ )
+ ).toMatchSnapshot();
+});
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import { CardForm } from '../CardForm';
+
+jest.mock('../BillingFormShim');
+
+it('should render', () => {
+ const wrapper = shallow(
+ <CardForm
+ createOrganization={jest.fn()}
+ currentUser={{ isLoggedIn: false }}
+ onSubmit={jest.fn()}
+ subscriptionPlans={[{ maxNcloc: 100000, price: 10 }, { maxNcloc: 250000, price: 75 }]}
+ />
+ );
+ expect(wrapper).toMatchSnapshot();
+ expect(wrapper.find('BillingFormShim').dive()).toMatchSnapshot();
+});
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import { CouponForm } from '../CouponForm';
+
+jest.mock('../BillingFormShim');
+
+it('should render', () => {
+ const wrapper = shallow(
+ <CouponForm
+ createOrganization={jest.fn()}
+ currentUser={{ isLoggedIn: false }}
+ onSubmit={jest.fn()}
+ />
+ );
+ expect(wrapper).toMatchSnapshot();
+});
import * as React from 'react';
import { shallow } from 'enzyme';
import { CreateOrganization } from '../CreateOrganization';
-import { mockRouter } from '../../../../helpers/testUtils';
+import { mockRouter, waitAndUpdate } from '../../../../helpers/testUtils';
+
+jest.mock('../../../../api/billing', () => ({
+ getSubscriptionPlans: jest
+ .fn()
+ .mockResolvedValue([{ maxNcloc: 100000, price: 10 }, { maxNcloc: 250000, price: 75 }])
+}));
+
+const organization = {
+ avatar: 'http://example.com/avatar',
+ description: 'description-foo',
+ key: 'key-foo',
+ name: 'name-foo',
+ url: 'http://example.com/foo'
+};
it('should render and create organization', async () => {
const createOrganization = jest.fn().mockResolvedValue({ key: 'foo' });
const router = mockRouter();
const wrapper = shallow(
// @ts-ignore avoid passing everything from WithRouterProps
- <CreateOrganization createOrganization={createOrganization} router={router} />
+ <CreateOrganization createOrganization={createOrganization} location={{}} router={router} />
);
+ await waitAndUpdate(wrapper);
expect(wrapper).toMatchSnapshot();
- const organization = {
- avatar: 'http://example.com/avatar',
- description: 'description-foo',
- key: 'key-foo',
- name: 'name-foo',
- url: 'http://example.com/foo'
- };
wrapper.find('OrganizationDetailsStep').prop<Function>('onContinue')(organization);
- await new Promise(setImmediate);
+ await waitAndUpdate(wrapper);
+ expect(wrapper).toMatchSnapshot();
+
+ wrapper.find('PlanStep').prop<Function>('onFreePlanChoose')();
+ await waitAndUpdate(wrapper);
expect(createOrganization).toBeCalledWith(organization);
expect(router.push).toBeCalledWith('/organizations/foo');
});
+
+it('should preselect paid plan', async () => {
+ const router = mockRouter();
+ const location = { state: { paid: true } };
+ const wrapper = shallow(
+ // @ts-ignore avoid passing everything from WithRouterProps
+ <CreateOrganization createOrganization={jest.fn()} location={location} router={router} />
+ );
+ await waitAndUpdate(wrapper);
+ wrapper.find('OrganizationDetailsStep').prop<Function>('onContinue')(organization);
+ await waitAndUpdate(wrapper);
+
+ expect(wrapper.find('PlanStep').prop('onlyPaid')).toBe(true);
+});
(getOrganization as jest.Mock).mockResolvedValue(undefined);
});
-it('should render', () => {
- const wrapper = shallow(<OrganizationDetailsStep onContinue={jest.fn()} />);
+it('should render form', () => {
+ const wrapper = shallow(
+ <OrganizationDetailsStep
+ finished={false}
+ onContinue={jest.fn()}
+ onOpen={jest.fn()}
+ open={true}
+ />
+ );
expect(wrapper).toMatchSnapshot();
expect(wrapper.dive()).toMatchSnapshot();
expect(getForm(wrapper)).toMatchSnapshot();
});
it('should validate', () => {
- const wrapper = shallow(<OrganizationDetailsStep onContinue={jest.fn()} />);
+ const wrapper = shallow(
+ <OrganizationDetailsStep
+ finished={false}
+ onContinue={jest.fn()}
+ onOpen={jest.fn()}
+ open={true}
+ />
+ );
const instance = wrapper.instance() as OrganizationDetailsStep;
expect(
).rejects.toEqual({ key: 'onboarding.create_organization.organization_name.taken' });
});
+it('should render result', () => {
+ const wrapper = shallow(
+ <OrganizationDetailsStep
+ finished={true}
+ onContinue={jest.fn()}
+ onOpen={jest.fn()}
+ open={false}
+ organization={{ avatar: '', description: '', key: 'org', name: 'Organization', url: '' }}
+ />
+ );
+ expect(wrapper.dive()).toMatchSnapshot();
+});
+
function getForm(wrapper: ShallowWrapper) {
return wrapper
.dive()
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import PaymentMethodSelect, { PaymentMethod } from '../PaymentMethodSelect';
+
+it('should render and change', () => {
+ const onChange = jest.fn();
+ const wrapper = shallow(<PaymentMethodSelect onChange={onChange} paymentMethod={undefined} />);
+ expect(wrapper).toMatchSnapshot();
+
+ wrapper.find('RadioToggle').prop<Function>('onCheck')(PaymentMethod.Card);
+ expect(onChange).toBeCalledWith(PaymentMethod.Card);
+
+ wrapper.setProps({ paymentMethod: PaymentMethod.Card });
+ expect(wrapper).toMatchSnapshot();
+});
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import PlanSelect, { Plan } from '../PlanSelect';
+
+it('should render and select', () => {
+ const onChange = jest.fn();
+ const wrapper = shallow(<PlanSelect onChange={onChange} plan={Plan.Free} startingPrice="10" />);
+ expect(wrapper).toMatchSnapshot();
+
+ wrapper.find('Radio[checked=false]').prop<Function>('onCheck')();
+ expect(onChange).toBeCalledWith(Plan.Paid);
+
+ wrapper.setProps({ plan: Plan.Paid });
+ expect(wrapper).toMatchSnapshot();
+});
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import PlanStep from '../PlanStep';
+import { waitAndUpdate, click } from '../../../../helpers/testUtils';
+import { Plan } from '../PlanSelect';
+import { PaymentMethod } from '../PaymentMethodSelect';
+
+jest.mock('../../../../app/components/extensions/utils', () => ({
+ getExtensionStart: jest.fn().mockResolvedValue(undefined)
+}));
+
+it('should render and use free plan', async () => {
+ const onFreePlanChoose = jest.fn();
+ const wrapper = shallow(
+ <PlanStep
+ createOrganization={jest.fn().mockResolvedValue('org')}
+ onFreePlanChoose={onFreePlanChoose}
+ onPaidPlanChoose={jest.fn()}
+ open={true}
+ startingPrice="10"
+ subscriptionPlans={[]}
+ />
+ );
+ await waitAndUpdate(wrapper);
+ expect(wrapper).toMatchSnapshot();
+ expect(wrapper.dive()).toMatchSnapshot();
+
+ click(wrapper.dive().find('SubmitButton'));
+ expect(onFreePlanChoose).toBeCalled();
+});
+
+it('should upgrade using card', async () => {
+ const onPaidPlanChoose = jest.fn();
+ const wrapper = shallow(
+ <PlanStep
+ createOrganization={jest.fn().mockResolvedValue('org')}
+ onFreePlanChoose={jest.fn()}
+ onPaidPlanChoose={onPaidPlanChoose}
+ open={true}
+ startingPrice="10"
+ subscriptionPlans={[]}
+ />
+ );
+ await waitAndUpdate(wrapper);
+
+ wrapper
+ .dive()
+ .find('PlanSelect')
+ .prop<Function>('onChange')(Plan.Paid);
+ expect(wrapper.dive()).toMatchSnapshot();
+
+ wrapper
+ .dive()
+ .find('PaymentMethodSelect')
+ .prop<Function>('onChange')(PaymentMethod.Card);
+ expect(wrapper.dive()).toMatchSnapshot();
+
+ wrapper
+ .dive()
+ .find('Connect(withCurrentUser(CardForm))')
+ .prop<Function>('onSubmit')();
+ expect(onPaidPlanChoose).toBeCalled();
+});
+
+it('should upgrade using coupon', async () => {
+ const onPaidPlanChoose = jest.fn();
+ const wrapper = shallow(
+ <PlanStep
+ createOrganization={jest.fn().mockResolvedValue('org')}
+ onFreePlanChoose={jest.fn()}
+ onPaidPlanChoose={onPaidPlanChoose}
+ open={true}
+ startingPrice="10"
+ subscriptionPlans={[]}
+ />
+ );
+ await waitAndUpdate(wrapper);
+
+ wrapper
+ .dive()
+ .find('PlanSelect')
+ .prop<Function>('onChange')(Plan.Paid);
+ expect(wrapper.dive()).toMatchSnapshot();
+
+ wrapper
+ .dive()
+ .find('PaymentMethodSelect')
+ .prop<Function>('onChange')(PaymentMethod.Coupon);
+ expect(wrapper.dive()).toMatchSnapshot();
+
+ wrapper
+ .dive()
+ .find('Connect(withCurrentUser(CouponForm))')
+ .prop<Function>('onSubmit')();
+ expect(onPaidPlanChoose).toBeCalled();
+});
+
+it('should preselect paid plan', async () => {
+ const wrapper = shallow(
+ <PlanStep
+ createOrganization={jest.fn()}
+ onFreePlanChoose={jest.fn()}
+ onPaidPlanChoose={jest.fn()}
+ onlyPaid={true}
+ open={true}
+ startingPrice="10"
+ subscriptionPlans={[]}
+ />
+ );
+ await waitAndUpdate(wrapper);
+ expect(wrapper).toMatchSnapshot();
+ expect(wrapper.dive()).toMatchSnapshot();
+});
--- /dev/null
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render 1`] = `
+<BillingForm
+ currentUser={
+ Object {
+ "isLoggedIn": false,
+ }
+ }
+ onClose={[MockFunction]}
+ onCommit={[MockFunction]}
+ organizationKey="org"
+ subscriptionPlans={Array []}
+/>
+`;
--- /dev/null
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render 1`] = `
+<div
+ className="huge-spacer-top"
+>
+ <BillingFormShim
+ currentUser={
+ Object {
+ "isLoggedIn": false,
+ }
+ }
+ onClose={[Function]}
+ onCommit={[MockFunction]}
+ organizationKey={[MockFunction]}
+ subscriptionPlans={
+ Array [
+ Object {
+ "maxNcloc": 100000,
+ "price": 10,
+ },
+ Object {
+ "maxNcloc": 250000,
+ "price": 75,
+ },
+ ]
+ }
+ />
+</div>
+`;
+
+exports[`should render 2`] = `
+<div
+ id="BillingFormShim"
+>
+ <form
+ onSubmit={[MockFunction]}
+ >
+ <div
+ className="columns column-show-overflow"
+ >
+ <div
+ className="column-half"
+ >
+ <h3>
+ billing.upgrade.billing_info
+ </h3>
+ <div
+ id="email-input"
+ />
+ <div
+ id="type-of-use-select"
+ />
+ <div
+ id="billing-name"
+ />
+ <div
+ id="country-select"
+ />
+ <div
+ id="additional-info"
+ />
+ </div>
+ <div
+ className="column-half"
+ >
+ <h3>
+ billing.upgrade.plan
+ </h3>
+ <div
+ id="plan-select"
+ />
+ <h3>
+ billing.upgrade.card_info
+ </h3>
+ <div
+ id="braintree-client"
+ />
+ </div>
+ </div>
+ <div
+ className="upgrade-footer big-spacer-top"
+ >
+ <div
+ id="next-charge"
+ />
+ <hr
+ className="big-spacer-bottom"
+ />
+ </div>
+ <div
+ className=""
+ >
+ <div
+ id="spinner"
+ />
+ <div
+ id="submit-button"
+ />
+ </div>
+ <div
+ id="terms-of-service"
+ />
+ </form>
+</div>
+`;
--- /dev/null
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render 1`] = `
+<div
+ className="huge-spacer-top"
+>
+ <BillingFormShim
+ currentUser={
+ Object {
+ "isLoggedIn": false,
+ }
+ }
+ onClose={[Function]}
+ onCommit={[MockFunction]}
+ organizationKey={[MockFunction]}
+ subscriptionPlans={Array []}
+ />
+</div>
+`;
>
onboarding.create_organization.page.header
</h1>
- <div
- className="page-actions"
+ <p
+ className="page-description"
>
- <Link
- onlyActiveOnIndex={false}
- style={Object {}}
- to="/"
- >
- cancel
- </Link>
- </div>
+ <FormattedMessage
+ defaultMessage="onboarding.create_organization.page.description"
+ id="onboarding.create_organization.page.description"
+ values={
+ Object {
+ "break": <br />,
+ "more": <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ target="_blank"
+ to="/documentation/sonarcloud-pricing"
+ >
+ learn_more
+ </Link>,
+ "price": "billing.price_format.10",
+ }
+ }
+ />
+ </p>
+ </header>
+ <React.Fragment>
+ <OrganizationDetailsStep
+ finished={false}
+ onContinue={[Function]}
+ onOpen={[Function]}
+ open={true}
+ />
+ </React.Fragment>
+ </div>
+</React.Fragment>
+`;
+
+exports[`should render and create organization 2`] = `
+<React.Fragment>
+ <HelmetWrapper
+ defer={true}
+ encodeSpecialCharacters={true}
+ title="onboarding.create_organization.page.header"
+ titleTemplate="%s"
+ />
+ <div
+ className="sonarcloud page page-limited"
+ >
+ <header
+ className="page-header"
+ >
+ <h1
+ className="page-title big-spacer-bottom"
+ >
+ onboarding.create_organization.page.header
+ </h1>
<p
className="page-description"
>
"more": <Link
onlyActiveOnIndex={false}
style={Object {}}
+ target="_blank"
to="/documentation/sonarcloud-pricing"
>
learn_more
</Link>,
- "price": "€10",
+ "price": "billing.price_format.10",
}
}
/>
</p>
</header>
- <OrganizationDetailsStep
- onContinue={[Function]}
- />
+ <React.Fragment>
+ <OrganizationDetailsStep
+ finished={true}
+ onContinue={[Function]}
+ onOpen={[Function]}
+ open={false}
+ organization={
+ Object {
+ "avatar": "http://example.com/avatar",
+ "description": "description-foo",
+ "key": "key-foo",
+ "name": "name-foo",
+ "url": "http://example.com/foo",
+ }
+ }
+ />
+ <PlanStep
+ createOrganization={[Function]}
+ onFreePlanChoose={[Function]}
+ onPaidPlanChoose={[Function]}
+ open={true}
+ startingPrice="billing.price_format.10"
+ subscriptionPlans={
+ Array [
+ Object {
+ "maxNcloc": 100000,
+ "price": 10,
+ },
+ Object {
+ "maxNcloc": 250000,
+ "price": 75,
+ },
+ ]
+ }
+ />
+ </React.Fragment>
</div>
</React.Fragment>
`;
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`should render 1`] = `
+exports[`should render form 1`] = `
<Step
finished={false}
- onOpen={[Function]}
+ onOpen={[MockFunction]}
open={true}
renderForm={[Function]}
renderResult={[Function]}
/>
`;
-exports[`should render 2`] = `
+exports[`should render form 2`] = `
<div
className="boxed-group onboarding-step is-open"
>
"url": "",
}
}
+ isInitialValid={false}
onSubmit={[MockFunction]}
validate={[Function]}
/>
</div>
`;
-exports[`should render 3`] = `
+exports[`should render form 3`] = `
<form
onSubmit={[Function]}
>
<SubmitButton
disabled={true}
>
- onboarding.create_organization.page.header
+ continue
</SubmitButton>
</div>
</React.Fragment>
</form>
`;
+
+exports[`should render result 1`] = `
+<div
+ className="boxed-group onboarding-step is-finished"
+ onClick={[Function]}
+ role="button"
+ tabIndex={0}
+>
+ <div
+ className="onboarding-step-number"
+ >
+ 1
+ </div>
+ <div
+ className="boxed-group-actions display-flex-center"
+ >
+ <AlertSuccessIcon
+ className="spacer-right"
+ />
+ <strong>
+ org
+ </strong>
+ </div>
+ <div
+ className="boxed-group-header"
+ >
+ <h2>
+ onboarding.create_organization.enter_org_details
+ </h2>
+ </div>
+ <div
+ className="boxed-group-inner"
+ />
+</div>
+`;
--- /dev/null
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render and change 1`] = `
+<div>
+ <label
+ className="spacer-bottom"
+ >
+ onboarding.create_organization.choose_payment_method
+ </label>
+ <div
+ className="little-spacer-top"
+ >
+ <RadioToggle
+ disabled={false}
+ name="payment-method"
+ onCheck={[MockFunction]}
+ options={
+ Array [
+ Object {
+ "label": "billing.card",
+ "value": "card",
+ },
+ Object {
+ "label": "billing.coupon",
+ "value": "coupon",
+ },
+ ]
+ }
+ value={null}
+ />
+ </div>
+</div>
+`;
+
+exports[`should render and change 2`] = `
+<div>
+ <label
+ className="spacer-bottom"
+ >
+ onboarding.create_organization.choose_payment_method
+ </label>
+ <div
+ className="little-spacer-top"
+ >
+ <RadioToggle
+ disabled={false}
+ name="payment-method"
+ onCheck={
+ [MockFunction] {
+ "calls": Array [
+ Array [
+ "card",
+ ],
+ ],
+ "results": Array [
+ Object {
+ "isThrow": false,
+ "value": undefined,
+ },
+ ],
+ }
+ }
+ options={
+ Array [
+ Object {
+ "label": "billing.card",
+ "value": "card",
+ },
+ Object {
+ "label": "billing.coupon",
+ "value": "coupon",
+ },
+ ]
+ }
+ value="card"
+ />
+ </div>
+</div>
+`;
--- /dev/null
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render and select 1`] = `
+<div
+ aria-label="onboarding.create_organization.choose_plan"
+ className="huge-spacer-bottom"
+ role="radiogroup"
+>
+ <div>
+ <Radio
+ checked={true}
+ onCheck={[Function]}
+ >
+ <span>
+ billing.free_plan.title
+ </span>
+ </Radio>
+ <p
+ className="note markdown little-spacer-top"
+ >
+ billing.free_plan.description
+ </p>
+ </div>
+ <div
+ className="big-spacer-top"
+ >
+ <Radio
+ checked={false}
+ onCheck={[Function]}
+ >
+ <span>
+ billing.paid_plan.title
+ </span>
+ </Radio>
+ <p
+ className="note markdown little-spacer-top"
+ >
+ <FormattedMessage
+ defaultMessage="billing.paid_plan.description"
+ id="billing.paid_plan.description"
+ values={
+ Object {
+ "more": <React.Fragment>
+
+ <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ target="_blank"
+ to="/documentation/sonarcloud-pricing"
+ >
+ learn_more
+ </Link>
+ <br />
+ </React.Fragment>,
+ "price": "10",
+ }
+ }
+ />
+ </p>
+ </div>
+</div>
+`;
+
+exports[`should render and select 2`] = `
+<div
+ aria-label="onboarding.create_organization.choose_plan"
+ className="huge-spacer-bottom"
+ role="radiogroup"
+>
+ <div>
+ <Radio
+ checked={false}
+ onCheck={[Function]}
+ >
+ <span>
+ billing.free_plan.title
+ </span>
+ </Radio>
+ <p
+ className="note markdown little-spacer-top"
+ >
+ billing.free_plan.description
+ </p>
+ </div>
+ <div
+ className="big-spacer-top"
+ >
+ <Radio
+ checked={true}
+ onCheck={[Function]}
+ >
+ <span>
+ billing.paid_plan.title
+ </span>
+ </Radio>
+ <p
+ className="note markdown little-spacer-top"
+ >
+ <FormattedMessage
+ defaultMessage="billing.paid_plan.description"
+ id="billing.paid_plan.description"
+ values={
+ Object {
+ "more": <React.Fragment>
+
+ <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ target="_blank"
+ to="/documentation/sonarcloud-pricing"
+ >
+ learn_more
+ </Link>
+ <br />
+ </React.Fragment>,
+ "price": "10",
+ }
+ }
+ />
+ </p>
+ </div>
+</div>
+`;
--- /dev/null
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should preselect paid plan 1`] = `
+<Step
+ finished={false}
+ onOpen={[Function]}
+ open={true}
+ renderForm={[Function]}
+ renderResult={[Function]}
+ stepNumber={2}
+ stepTitle="onboarding.create_organization.enter_payment_details"
+/>
+`;
+
+exports[`should preselect paid plan 2`] = `
+<div
+ className="boxed-group onboarding-step is-open"
+>
+ <div
+ className="onboarding-step-number"
+ >
+ 2
+ </div>
+ <div
+ className="boxed-group-header"
+ >
+ <h2>
+ onboarding.create_organization.enter_payment_details
+ </h2>
+ </div>
+ <div
+ className="boxed-group-inner"
+ >
+ <React.Fragment>
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ />
+ </React.Fragment>
+ </React.Fragment>
+ </div>
+</div>
+`;
+
+exports[`should render and use free plan 1`] = `
+<Step
+ finished={false}
+ onOpen={[Function]}
+ open={true}
+ renderForm={[Function]}
+ renderResult={[Function]}
+ stepNumber={2}
+ stepTitle="onboarding.create_organization.choose_plan"
+/>
+`;
+
+exports[`should render and use free plan 2`] = `
+<div
+ className="boxed-group onboarding-step is-open"
+>
+ <div
+ className="onboarding-step-number"
+ >
+ 2
+ </div>
+ <div
+ className="boxed-group-header"
+ >
+ <h2>
+ onboarding.create_organization.choose_plan
+ </h2>
+ </div>
+ <div
+ className="boxed-group-inner"
+ >
+ <React.Fragment>
+ <PlanSelect
+ onChange={[Function]}
+ plan="free"
+ startingPrice="10"
+ />
+ <SubmitButton
+ className="big-spacer-top"
+ onClick={[MockFunction]}
+ >
+ my_account.create_organization
+ </SubmitButton>
+ </React.Fragment>
+ </div>
+</div>
+`;
+
+exports[`should upgrade using card 1`] = `
+<div
+ className="boxed-group onboarding-step is-open"
+>
+ <div
+ className="onboarding-step-number"
+ >
+ 2
+ </div>
+ <div
+ className="boxed-group-header"
+ >
+ <h2>
+ onboarding.create_organization.choose_plan
+ </h2>
+ </div>
+ <div
+ className="boxed-group-inner"
+ >
+ <React.Fragment>
+ <PlanSelect
+ onChange={[Function]}
+ plan="paid"
+ startingPrice="10"
+ />
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ />
+ </React.Fragment>
+ </React.Fragment>
+ </div>
+</div>
+`;
+
+exports[`should upgrade using card 2`] = `
+<div
+ className="boxed-group onboarding-step is-open"
+>
+ <div
+ className="onboarding-step-number"
+ >
+ 2
+ </div>
+ <div
+ className="boxed-group-header"
+ >
+ <h2>
+ onboarding.create_organization.choose_plan
+ </h2>
+ </div>
+ <div
+ className="boxed-group-inner"
+ >
+ <React.Fragment>
+ <PlanSelect
+ onChange={[Function]}
+ plan="paid"
+ startingPrice="10"
+ />
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ paymentMethod="card"
+ />
+ <Connect(withCurrentUser(CardForm))
+ createOrganization={[MockFunction]}
+ onSubmit={[MockFunction]}
+ subscriptionPlans={Array []}
+ />
+ </React.Fragment>
+ </React.Fragment>
+ </div>
+</div>
+`;
+
+exports[`should upgrade using coupon 1`] = `
+<div
+ className="boxed-group onboarding-step is-open"
+>
+ <div
+ className="onboarding-step-number"
+ >
+ 2
+ </div>
+ <div
+ className="boxed-group-header"
+ >
+ <h2>
+ onboarding.create_organization.choose_plan
+ </h2>
+ </div>
+ <div
+ className="boxed-group-inner"
+ >
+ <React.Fragment>
+ <PlanSelect
+ onChange={[Function]}
+ plan="paid"
+ startingPrice="10"
+ />
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ />
+ </React.Fragment>
+ </React.Fragment>
+ </div>
+</div>
+`;
+
+exports[`should upgrade using coupon 2`] = `
+<div
+ className="boxed-group onboarding-step is-open"
+>
+ <div
+ className="onboarding-step-number"
+ >
+ 2
+ </div>
+ <div
+ className="boxed-group-header"
+ >
+ <h2>
+ onboarding.create_organization.choose_plan
+ </h2>
+ </div>
+ <div
+ className="boxed-group-inner"
+ >
+ <React.Fragment>
+ <PlanSelect
+ onChange={[Function]}
+ plan="paid"
+ startingPrice="10"
+ />
+ <React.Fragment>
+ <PaymentMethodSelect
+ onChange={[Function]}
+ paymentMethod="coupon"
+ />
+ <Connect(withCurrentUser(CouponForm))
+ createOrganization={[MockFunction]}
+ onSubmit={[MockFunction]}
+ />
+ </React.Fragment>
+ </React.Fragment>
+ </div>
+</div>
+`;
function getRenderedType(wrapper: ShallowWrapper) {
return wrapper
+ .dive()
.dive()
.dive()
.type();
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import { createStore } from 'redux';
+import { withCurrentUser } from '../withCurrentUser';
+import { CurrentUser } from '../../../../app/types';
+
+class X extends React.Component<{ currentUser: CurrentUser }> {
+ render() {
+ return <div />;
+ }
+}
+
+const UnderTest = withCurrentUser(X);
+
+it('should pass logged in user', () => {
+ const currentUser = { isLoggedIn: false };
+ const store = createStore(state => state, { users: { currentUser } });
+ const wrapper = shallow(<UnderTest />, { context: { store } });
+ expect(wrapper.dive().type()).toBe(X);
+ expect(wrapper.dive().prop('currentUser')).toBe(currentUser);
+});
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import { translateWithParameters } from '../../../helpers/l10n';
+import { formatMeasure } from '../../../helpers/measures';
+
+export function formatPrice(price?: number, noSign?: boolean) {
+ const priceFormatted = formatMeasure(price, 'FLOAT')
+ .replace(/[.|,]0$/, '')
+ .replace(/([.|,]\d)$/, '$10');
+ return noSign ? priceFormatted : translateWithParameters('billing.price_format', priceFormatted);
+}
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import * as React from 'react';
-import { connect } from 'react-redux';
import { withRouter, WithRouterProps } from 'react-router';
+import { withCurrentUser } from './withCurrentUser';
import { CurrentUser, isLoggedIn } from '../../../app/types';
-import { Store, getCurrentUser } from '../../../store/rootReducer';
export function whenLoggedIn<P>(WrappedComponent: React.ComponentClass<P>) {
+ const wrappedDisplayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+
class Wrapper extends React.Component<P & { currentUser: CurrentUser } & WithRouterProps> {
- static displayName = `whenLoggedIn(${WrappedComponent.displayName})`;
+ static displayName = `whenLoggedIn(${wrappedDisplayName})`;
componentDidMount() {
if (!isLoggedIn(this.props.currentUser)) {
}
}
- function mapStateToProps(state: Store) {
- return { currentUser: getCurrentUser(state) };
- }
-
- return connect(mapStateToProps)(withRouter(Wrapper));
+ return withCurrentUser(withRouter(Wrapper));
}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { connect } from 'react-redux';
+import { CurrentUser } from '../../../app/types';
+import { Store, getCurrentUser } from '../../../store/rootReducer';
+
+export function withCurrentUser<P>(
+ WrappedComponent: React.ComponentClass<P & { currentUser: CurrentUser }>
+) {
+ const wrappedDisplayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+
+ class Wrapper extends React.Component<P & { currentUser: CurrentUser }> {
+ static displayName = `withCurrentUser(${wrappedDisplayName})`;
+
+ render() {
+ return <WrappedComponent {...this.props} />;
+ }
+ }
+
+ function mapStateToProps(state: Store) {
+ return { currentUser: getCurrentUser(state) };
+ }
+
+ return connect(mapStateToProps)(Wrapper);
+}
import * as React from 'react';
import * as PropTypes from 'prop-types';
import { connect } from 'react-redux';
+import { InjectedRouter } from 'react-router';
import OnboardingModal from './OnboardingModal';
import { skipOnboarding } from '../../../api/users';
import { skipOnboarding as skipOnboardingAction } from '../../../store/users';
skipOnboardingAction: () => void;
}
+interface OwnProps {
+ router: InjectedRouter;
+}
+
enum ModalKey {
onboarding,
teamOnboarding
modal?: ModalKey;
}
-export class OnboardingPage extends React.PureComponent<DispatchProps, State> {
+export class OnboardingPage extends React.PureComponent<OwnProps & DispatchProps, State> {
static contextTypes = {
- openProjectOnboarding: PropTypes.func.isRequired,
- router: PropTypes.object.isRequired
+ openProjectOnboarding: PropTypes.func.isRequired
};
state: State = { modal: ModalKey.onboarding };
closeOnboarding = () => {
skipOnboarding();
this.props.skipOnboardingAction();
- this.context.router.replace('/');
+ this.props.router.replace('/');
};
closeOrganizationOnboarding = ({ key }: Pick<Organization, 'key'>) => {
this.closeOnboarding();
- this.context.router.push(`/organizations/${key}`);
+ this.props.router.push(`/organizations/${key}`);
};
openOrganizationOnboarding = () => {
- this.context.router.push('/create-organizations');
+ this.props.router.push({ pathname: '/create-organization', state: { paid: true } });
};
openTeamOnboarding = () => {
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import * as classNames from 'classnames';
+
+interface Props {
+ checked: boolean;
+ className?: string;
+ onCheck: () => void;
+}
+
+export default class Radio extends React.PureComponent<Props> {
+ handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {
+ event.preventDefault();
+ event.currentTarget.blur();
+ this.props.onCheck();
+ };
+
+ render() {
+ return (
+ <a
+ aria-checked={this.props.checked}
+ className={classNames(
+ 'display-inline-flex-center link-base-color link-no-underline',
+ this.props.className
+ )}
+ href="#"
+ onClick={this.handleClick}
+ role="radio">
+ <i
+ className={classNames('icon-radio', 'spacer-right', {
+ 'is-checked': this.props.checked
+ })}
+ />
+ {this.props.children}
+ </a>
+ );
+ }
+}
}
export default class ValidationForm<V> extends React.Component<Props<V>> {
+ mounted = false;
+
+ componentDidMount() {
+ this.mounted = true;
+ }
+
+ componentWillUnmount() {
+ this.mounted = false;
+ }
+
handleSubmit = (data: V, { setSubmitting }: FormikActions<V>) => {
const result = this.props.onSubmit(data);
+ const stopSubmitting = () => {
+ if (this.mounted) {
+ setSubmitting(false);
+ }
+ };
if (result) {
- result.then(
- () => {
- setSubmitting(false);
- },
- () => {
- setSubmitting(false);
- }
- );
+ result.then(stopSubmitting, stopSubmitting);
} else {
- setSubmitting(false);
+ stopSubmitting();
}
};
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import Radio from '../Radio';
+import { click } from '../../../helpers/testUtils';
+
+it('should render and check', () => {
+ const onCheck = jest.fn();
+ const wrapper = shallow(<Radio checked={false} onCheck={onCheck} />);
+ expect(wrapper).toMatchSnapshot();
+
+ click(wrapper);
+ expect(onCheck).toBeCalled();
+ wrapper.setProps({ checked: true });
+ expect(wrapper).toMatchSnapshot();
+});
--- /dev/null
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render and check 1`] = `
+<a
+ aria-checked={false}
+ className="display-inline-flex-center link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
+ role="radio"
+>
+ <i
+ className="icon-radio spacer-right"
+ />
+</a>
+`;
+
+exports[`should render and check 2`] = `
+<a
+ aria-checked={true}
+ className="display-inline-flex-center link-base-color link-no-underline"
+ href="#"
+ onClick={[Function]}
+ role="radio"
+>
+ <i
+ className="icon-radio spacer-right is-checked"
+ />
+</a>
+`;
onboarding.create_organization.url.error=The value must be a valid url.
onboarding.create_organization.description=Description
onboarding.create_organization.enter_org_details=Enter your organization details
+onboarding.create_organization.enter_payment_details=Enter payment details
+onboarding.create_organization.choose_plan=Choose a plan
+onboarding.create_organization.choose_payment_method=Choose payment solution
+onboarding.create_organization.enter_your_coupon=Enter your coupon
+onboarding.create_organization.create_and_upgrade=Create Organization and Upgrade
onboarding.team.header=Join a team
onboarding.team.first_step=Well congrats, the first step is done!
projects / sonarqube.git / commitdiff