orc-shared 1.1.0-dev.9 → 1.2.0-dev.10

package/src/actions/requestsApi.js

@@ -575,6 +575,12 @@ export const createCustomRoleRequest = {
 	verb: "POST",
 };
 
+export const createCustomerLookupTypeDefinitionRequest = {
+	name: "createCustomerLookupTypeDefinitionRequest",
+	buildUrl: lookupName => buildUrl(["metadata", "lookups", "customer", lookupName]),
+	verb: "POST",
+};
+
 export const createCustomerMembershipRequest = {
 	name: "createCustomerMembershipRequest",
 	buildUrl: scopeId => buildUrl(["membership", scopeId]),
@@ -587,6 +593,12 @@ export const createCustomerRequest = {
 	verb: "POST",
 };
 
+export const updateEntityTypeRequest = {
+	name: "updateEntityTypeRequest",
+	buildUrl: entityTypeName => buildUrl(["metadata", "EntityType", entityTypeName]),
+	verb: "PUT",
+};
+
 export const createEntityTypeRequest = {
 	name: "createEntityTypeRequest",
 	buildUrl: entityTypeName => buildUrl(["metadata", "EntityType", entityTypeName]),
@@ -705,6 +717,12 @@ export const createOrderDraftPaymentVaultProfileRequest = {
 	verb: "POST",
 };
 
+export const createOrderLookupTypeDefinitionRequest = {
+	name: "createOrderLookupTypeDefinitionRequest",
+	buildUrl: lookupName => buildUrl(["metadata", "lookups", "order", lookupName]),
+	verb: "POST",
+};
+
 export const createOrderRequest = {
 	name: "createOrderRequest",
 	buildUrl: () => buildUrl(["orders"]),
@@ -3992,6 +4010,12 @@ export const updateCustomerAddressRequest = {
 	verb: "PUT",
 };
 
+export const updateCustomerLookupTypeDefinitionRequest = {
+	name: "updateCustomerLookupTypeDefinitionRequest",
+	buildUrl: lookupName => buildUrl(["metadata", "lookups", "customer", lookupName]),
+	verb: "PUT",
+};
+
 export const updateCustomerPaymentProfileRequest = {
 	name: "updateCustomerPaymentProfileRequest",
 	buildUrl: (scopeId, customerId, paymentProviderName) =>
@@ -4085,6 +4109,12 @@ export const updateOrderDraftPaymentRequest = {
 	verb: "POST",
 };
 
+export const updateOrderLookupTypeDefinitionRequest = {
+	name: "updateOrderLookupTypeDefinitionRequest",
+	buildUrl: lookupName => buildUrl(["metadata", "lookups", "order", lookupName]),
+	verb: "PUT",
+};
+
 export const updateOrderSettingsRequest = {
 	name: "updateOrderSettingsRequest",
 	buildUrl: () => buildUrl(["orders", "settings"]),

package/src/actions/scopes.js

@@ -1,26 +1,52 @@
 import { makeActionTypes } from "./makeApiAction";
 import makeOrcApiAction from "./makeOrcApiAction";
-import { getUserScopeRequest, getUserScopeTreeRequest } from "./requestsApi";
+import { getApplicationModules, getUserScopeRequest, getUserScopeTreeRequest } from "./requestsApi";
+import { overtureModule } from "../constants";
 
-export const validateOvertureModule = () => {
-	if (!OVERTURE_MODULE) {
-		throw new Error('"overtureModule.name" is missing in the configuration.');
+export const validateOvertureApplication = () => {
+	if (!OVERTURE_APPLICATION) {
+		throw new Error('"overtureApplication.name" is missing in the configuration.');
 	}
 };
 
-validateOvertureModule();
+validateOvertureApplication();
+
+export const GET_APPLICATION_MODULES = "GET_APPLICATION_MODULES";
+
+export const [GET_APPLICATION_MODULES_REQUEST, GET_APPLICATION_MODULES_SUCCESS, GET_APPLICATION_MODULES_FAILURE] =
+	makeActionTypes(GET_APPLICATION_MODULES);
+
+export const getAppModules = () =>
+	makeOrcApiAction(GET_APPLICATION_MODULES, getApplicationModules.buildUrl(OVERTURE_APPLICATION));
 
 export const GET_SCOPES = "GET_SCOPES";
 
 export const [GET_SCOPES_REQUEST, GET_SCOPES_SUCCESS, GET_SCOPES_FAILURE] = makeActionTypes(GET_SCOPES);
 
-export const getScopes = () => makeOrcApiAction(GET_SCOPES, getUserScopeTreeRequest.buildUrl(OVERTURE_MODULE, {}));
+export const getScopes = module =>
+	makeOrcApiAction(
+		GET_SCOPES,
+		getUserScopeTreeRequest.buildUrl(module === overtureModule.System ? overtureModule.Orders : module, {}),
+		getUserScopeTreeRequest.verb,
+		{
+			bailout: false,
+			meta: { module },
+		},
+	);
 
 export const GET_MY_SCOPE = "GET_MY_SCOPE";
 
 export const [GET_MY_SCOPE_REQUEST, GET_MY_SCOPE_SUCCESS, GET_MY_SCOPE_FAILURE] = makeActionTypes(GET_MY_SCOPE);
 
-export const getDefaultScope = () => makeOrcApiAction(GET_MY_SCOPE, getUserScopeRequest.buildUrl(OVERTURE_MODULE));
+export const getDefaultScope = module =>
+	makeOrcApiAction(
+		GET_MY_SCOPE,
+		getUserScopeRequest.buildUrl(module === overtureModule.System ? overtureModule.Orders : module),
+		getUserScopeRequest.verb,
+		{
+			bailout: false,
+		},
+	);
 
 export const APPLICATION_SCOPE_HAS_CHANGED = "APPLICATION_SCOPE_HAS_CHANGED";
 

package/src/actions/scopes.test.js

@@ -1,16 +1,17 @@
 import { RSAA } from "redux-api-middleware";
 import {
-	GET_SCOPES_REQUEST,
-	GET_SCOPES_SUCCESS,
-	GET_SCOPES_FAILURE,
 	getScopes,
 	GET_MY_SCOPE_REQUEST,
 	GET_MY_SCOPE_SUCCESS,
 	GET_MY_SCOPE_FAILURE,
 	getDefaultScope,
-	validateOvertureModule,
+	validateOvertureApplication,
 	APPLICATION_SCOPE_HAS_CHANGED,
 	applicationScopeHasChanged,
+	getAppModules,
+	GET_APPLICATION_MODULES_REQUEST,
+	GET_APPLICATION_MODULES_SUCCESS,
+	GET_APPLICATION_MODULES_FAILURE,
 } from "./scopes";
 
 jest.mock("../utils/buildUrl", () => {
@@ -20,19 +21,71 @@ jest.mock("../utils/buildUrl", () => {
 	return modExport;
 });
 
+describe("getAppModules", () => {
+	it("creates a RSAA to fetch application modules", () => {
+		expect(getAppModules, "when called", "to exhaustively satisfy", {
+			[RSAA]: {
+				types: [GET_APPLICATION_MODULES_REQUEST, GET_APPLICATION_MODULES_SUCCESS, GET_APPLICATION_MODULES_FAILURE],
+				endpoint: 'URL: modules/byApplicationName/anApplication ""',
+				method: "GET",
+				body: undefined,
+				credentials: "include",
+				bailout: expect.it("to be a function"),
+				headers: {
+					Accept: "application/json; charset=utf-8",
+					"Content-Type": "application/json",
+				},
+				options: { redirect: "follow" },
+			},
+		});
+	});
+});
+
 describe("getScopes", () => {
-	beforeEach(() => {});
-	afterEach(() => {});
+	let originalApplication;
+
+	beforeEach(() => {
+		originalApplication = global.OVERTURE_APPLICATION;
+	});
+
+	afterEach(() => {
+		global.OVERTURE_APPLICATION = originalApplication;
+	});
 
 	it("creates a RSAA to fetch authorized scope tree", () =>
-		expect(getScopes, "when called", "to exhaustively satisfy", {
+		expect(getScopes, "when called with", ["aModule"], "to exhaustively satisfy", {
 			[RSAA]: {
-				types: [GET_SCOPES_REQUEST, GET_SCOPES_SUCCESS, GET_SCOPES_FAILURE],
+				types: [
+					{ type: "GET_SCOPES_REQUEST", meta: { module: "aModule" } },
+					{ type: "GET_SCOPES_SUCCESS", meta: { module: "aModule" } },
+					{ type: "GET_SCOPES_FAILURE", meta: { module: "aModule" } },
+				],
 				endpoint: "URL: my/scope/aModule/tree {}",
 				method: "GET",
 				body: undefined,
 				credentials: "include",
-				bailout: expect.it("to be a function"),
+				bailout: false,
+				headers: {
+					Accept: "application/json; charset=utf-8",
+					"Content-Type": "application/json",
+				},
+				options: { redirect: "follow" },
+			},
+		}));
+
+	it("creates a RSAA to fetch authorized scope tree for system module", () =>
+		expect(getScopes, "when called with", ["System"], "to exhaustively satisfy", {
+			[RSAA]: {
+				types: [
+					{ type: "GET_SCOPES_REQUEST", meta: { module: "System" } },
+					{ type: "GET_SCOPES_SUCCESS", meta: { module: "System" } },
+					{ type: "GET_SCOPES_FAILURE", meta: { module: "System" } },
+				],
+				endpoint: "URL: my/scope/Order/tree {}",
+				method: "GET",
+				body: undefined,
+				credentials: "include",
+				bailout: false,
 				headers: {
 					Accept: "application/json; charset=utf-8",
 					"Content-Type": "application/json",
@@ -42,14 +95,31 @@ describe("getScopes", () => {
 		}));
 
 	it("creates a RSAA to fetch default user scope", () =>
-		expect(getDefaultScope, "when called", "to exhaustively satisfy", {
+		expect(getDefaultScope, "when called with", ["aModule"], "to exhaustively satisfy", {
 			[RSAA]: {
 				types: [GET_MY_SCOPE_REQUEST, GET_MY_SCOPE_SUCCESS, GET_MY_SCOPE_FAILURE],
 				endpoint: 'URL: my/scope/aModule ""',
 				method: "GET",
 				body: undefined,
 				credentials: "include",
-				bailout: expect.it("to be a function"),
+				bailout: false,
+				headers: {
+					Accept: "application/json; charset=utf-8",
+					"Content-Type": "application/json",
+				},
+				options: { redirect: "follow" },
+			},
+		}));
+
+	it("creates a RSAA to fetch default user scope for System module", () =>
+		expect(getDefaultScope, "when called with", ["System"], "to exhaustively satisfy", {
+			[RSAA]: {
+				types: [GET_MY_SCOPE_REQUEST, GET_MY_SCOPE_SUCCESS, GET_MY_SCOPE_FAILURE],
+				endpoint: 'URL: my/scope/Order ""',
+				method: "GET",
+				body: undefined,
+				credentials: "include",
+				bailout: false,
 				headers: {
 					Accept: "application/json; charset=utf-8",
 					"Content-Type": "application/json",
@@ -59,11 +129,11 @@ describe("getScopes", () => {
 		}));
 
 	it("throws an error if no class found on DOM element", () => {
-		global.OVERTURE_MODULE = "";
+		global.OVERTURE_APPLICATION = "";
 		expect(
-			() => expect(validateOvertureModule, "when called with", []),
+			() => expect(validateOvertureApplication, "when called with", []),
 			"to throw",
-			'"overtureModule.name" is missing in the configuration.',
+			'"overtureApplication.name" is missing in the configuration.',
 		);
 	});
 });

package/src/buildStore.js

@@ -19,6 +19,7 @@ import countriesReducer from "./reducers/countries";
 import timezonesReducer from "./reducers/timezones";
 import modulesReducer from "./reducers/modules";
 import metadataReducer from "./reducers/metadata";
+import requestStatesReducer from "./reducers/requestStates";
 
 window.BUILD_ID = BUILD_ID;
 window.BUILD_NUMBER = BUILD_NUMBER;
@@ -63,6 +64,7 @@ const buildStore = (reducers, devOptions = {}) => {
 			timezones: timezonesReducer,
 			modules: modulesReducer,
 			metadata: metadataReducer,
+			requestStates: requestStatesReducer,
 		});
 	const rootReducer = buildReducer(reducers);
 

package/src/components/AppFrame/About.js

@@ -8,7 +8,7 @@ import Text from "../Text";
 import withClickOutside from "../../hocs/withClickOutside";
 import useViewState from "../../hooks/useViewState";
 import bgImage from "../../content/aboutBackground.png";
-import logoImage from "../../content/aboutLogo.png";
+import logoImage from "../../content/orckestra-logo-white.png";
 import close from "../../content/close.png";
 import { getVersionSelector } from "../../selectors/versionInfo";
 import { currentLocaleOrDefault } from "../../selectors/locale";
@@ -101,7 +101,7 @@ export const About = ({ currentApplication }) => {
 			<CloseButton onClick={closeAboutBox}>
 				<img src={close} alt="X" />
 			</CloseButton>
-			<img src={logoImage} alt="Orckestra" />
+			<img src={logoImage} width="250" alt="Orckestra" />
 			<AboutParagraph>
 				<Text
 					message={{

package/src/components/AppFrame/AppFrame.test.js

@@ -17,7 +17,7 @@ import {
 } from "../../actions/applications";
 import { ScopeBar, Bar as BarWrapper } from "../Scope";
 import AppFrame, { Base, ViewPort } from "./AppFrame";
-import { Wrapper as AppSelWrapper, MenuIcon } from "./ApplicationSelector/Header";
+import ApplicationSelector from "./ApplicationSelector";
 import { Wrapper as MenuWrapper } from "../DropMenu";
 import { Wrapper, AppBox, AppLabel, AppLogo } from "./Topbar";
 import { Bar as SideBar, MenuToggle, Logo } from "./Sidebar";
@@ -202,6 +202,15 @@ describe("AppFrame", () => {
 					bar: true,
 				},
 			},
+			modules: {
+				tree: "modulesTree",
+				visibleModules: ["a", "module123", "test1", "test2", "test3"],
+				lastScopeAndModuleSelection: {
+					scope: "Norway",
+					moduleName: "Profiles",
+					routingPerformed: false,
+				},
+			},
 			settings: { defaultScope: "myScope", defaultApp: "12" },
 			versionInfo: { version: "4.2", defaultHelpUrl: "help_url", moduleHelpUrls: [] },
 			view: { scopeSelector: { filter: "1" }, __prefsDialog: { show: false } },
@@ -250,9 +259,7 @@ describe("AppFrame", () => {
 						<Base>
 							<Wrapper>
 								<AppBox>
-									<AppSelWrapper>
-										<MenuIcon />
-									</AppSelWrapper>
+									<ApplicationSelector {...props} />
 									<AppLabel>
 										<AppLogo />
 										Marketing Legacy
@@ -312,9 +319,7 @@ describe("AppFrame", () => {
 						<Base>
 							<Wrapper>
 								<AppBox>
-									<AppSelWrapper>
-										<MenuIcon />
-									</AppSelWrapper>
+									<ApplicationSelector {...props} />
 									<AppLabel>
 										<AppLogo />
 									</AppLabel>
@@ -374,9 +379,7 @@ describe("AppFrame", () => {
 						<Base>
 							<Wrapper>
 								<AppBox>
-									<AppSelWrapper>
-										<MenuIcon />
-									</AppSelWrapper>
+									<ApplicationSelector {...props} />
 									<AppLabel>
 										<AppLogo />
 									</AppLabel>
@@ -435,9 +438,7 @@ describe("AppFrame", () => {
 						<Base>
 							<Wrapper>
 								<AppBox>
-									<AppSelWrapper>
-										<MenuIcon />
-									</AppSelWrapper>
+									<ApplicationSelector {...props} />
 									<AppLabel>
 										<AppLogo />
 										Marketing Legacy
@@ -725,9 +726,7 @@ describe("AppFrame", () => {
 								<ActionModal open={true} title={title} message={message} actions={actions} />
 								<Wrapper>
 									<AppBox>
-										<AppSelWrapper>
-											<MenuIcon />
-										</AppSelWrapper>
+										<ApplicationSelector {...props} />
 										<AppLabel>
 											<AppLogo />
 											Marketing Legacy

package/src/components/AppFrame/ApplicationSelector/ApplicationDialog.js

@@ -1,88 +1,111 @@
 import React from "react";
-import styled from "styled-components";
+import { FormattedMessage } from "react-intl";
+import sharedMessages from "../../../sharedMessages";
+import Link from "@material-ui/core/Link";
+import Typography from "@material-ui/core/Typography";
+import Grid from "@material-ui/core/Grid";
+import { makeStyles } from "@material-ui/core/styles";
+import classNames from "classnames";
 
-export const List = styled.div`
-	display: flex;
-	min-height: 10vh;
-	max-height: 90vh;
-	overflow-x: hidden;
-	overflow-y: auto;
-	width: 60vw;
-	padding: 45px 60px 10px;
-	justify-content: center;
-	flex-wrap: wrap;
-`;
+const useStyles = makeStyles(theme => ({
+	popperContainer: {
+		cursor: "pointer",
+		position: "relative",
+	},
+	header: {
+		borderBottom: `1px solid ${theme.palette.grey.light}`,
+		margin: theme.spacing(0),
+		padding: `${theme.spacing(1, 2)} !important`,
+		width: `calc(100% + ${theme.spacing(2)})`,
+		maxWidth: "none",
+		flexGrow: 1,
+		backgroundColor: theme.palette.grey.lighter,
+		textAlign: "center",
+		borderRadius: theme.spacing(1, 1, 0, 0),
+	},
+	content: {
+		borderRadius: theme.shape.borderRadius,
+	},
+	wrapper: {
+		backgroundColor: theme.palette.background.paper,
+		width: theme.spacing(82),
+		borderRadius: theme.spacing(1),
+		border: `1px solid ${theme.palette.grey.borders}`,
+		boxShadow: `${theme.spacing(0, 0, 2)} rgba(0,0,0,0.5)`,
+		position: "relative",
+	},
+	container: {
+		borderRadius: theme.shape.borderRadius,
+		textAlign: "center",
+		"&:hover": {
+			backgroundColor: theme.palette.grey.lighter,
+		},
+		overflow: "hidden",
+	},
+	containerSelected: {
+		boxShadow: `${theme.spacing(0, 0, 0.8)} ${theme.palette.grey.borders}`,
+	},
+	appLink: {
+		padding: theme.spacing(2),
+		display: "block",
+	},
+	headerTitle: {
+		fontSize: theme.typography.h3Size,
+		textTransform: theme.typography.button.textTransform,
+		fontFamily: theme.typography.button.fontFamily,
+		fontWeight: theme.typography.button.fontWeight,
+	},
+	label: {
+		fontSize: theme.typography.h4Size,
+		color: theme.palette.text.primary,
+	},
+}));
 
-export const Block = styled.div`
-	flex: 0 0 140px;
-	text-align: center;
-	height: 120px;
-	display: flex;
-	flex-flow: column nowrap;
-	align-items: center;
-`;
-export const Link = styled.a``;
+export const ApplicationDialog = ({ toggle, applications, applicationId, applicationOrder }) => {
+	const classes = useStyles();
 
-export const Logo = styled.img`
-	height: 60px;
-	width: 60px;
-	border-radius: 50%;
-
-	${Link}:hover > & {
-		background-color: rgba(255, 255, 255, 0.65);
-		box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.65);
-	}
-`;
-
-export const Label = styled.span`
-	${Link}:hover ~ & {
-		visibility: visible;
-	}
-	visibility: hidden;
-	display: block;
-	margin: 22px -60px 0;
-	font-family: Roboto, sans-serif;
-	font-size: 14px;
-	text-transform: uppercase;
-	color: rgba(255, 255, 255, 0.65);
-`;
-
-export const Indicator = styled.div`
-	background-color: white;
-	border-radius: 50%;
-	height: 8px;
-	width: 8px;
-	margin-top: -17px;
-	${Link}:hover ~ & {
-		visibility: hidden;
-	}
-`;
-
-const ApplicationDialog = ({ toggle, applications, applicationId, applicationOrder }) => (
-	<List>
-		{applications.map(app => (
-			<Block key={app.name}>
-				<Link
-					id={app.name}
-					href={app.url}
-					target="_blank"
-					onClick={
-						app.name === applicationId
-							? event => {
-									event.preventDefault();
-									toggle();
-							  }
-							: /* istanbul ignore next */
-							  () => {}
-					}
-				>
-					<Logo src={app.iconUri} alt={app.displayName} />
-				</Link>
-				<Label>{app.displayName}</Label>
-				{app.name === applicationId ? <Indicator /> : null}
-			</Block>
-		))}
-	</List>
-);
+	return (
+		<Grid container spacing={2} className={classes.wrapper}>
+			<Grid item xs={12} className={classes.header}>
+				<Typography
+					children={<FormattedMessage {...sharedMessages.appSelectorTitle} />}
+					className={classes.headerTitle}
+				/>
+			</Grid>
+			<Grid item container xs={12} className={classes.content}>
+				{applications.map(app => (
+					<Grid
+						className={classNames(classes.container, app.name === applicationId ? classes.containerSelected : "")}
+						item
+						key={app.name}
+						xs={6}
+						md={3}
+					>
+						<Link
+							className={classes.appLink}
+							id={app.name}
+							href={app.url}
+							target="_blank"
+							underline="none"
+							onClick={
+								app.name === applicationId
+									? event => {
+											event.preventDefault();
+											toggle();
+									  }
+									: /* istanbul ignore next */
+									  () => {}
+							}
+						>
+							<img height="60" src={app.iconUri} alt={app.displayName} />
+							<br />
+							<Typography children={app.displayName} className={classes.label} />
+						</Link>
+					</Grid>
+				))}
+			</Grid>
+		</Grid>
+	);
+};
 
 export default ApplicationDialog;

package/src/components/AppFrame/ApplicationSelector/ApplicationDialog.test.js

@@ -1,9 +1,16 @@
 import React from "react";
 import sinon from "sinon";
-import { getStyledClassSelector } from "../../../utils/testUtils";
-import ApplicationDialog, { List, Block, Link, Logo, Label, Indicator } from "./ApplicationDialog";
+import { extractMessages, TestWrapper, createMuiTheme } from "../../../utils/testUtils";
+import ApplicationDialog from "./ApplicationDialog";
+import Link from "@material-ui/core/Link";
+import Grid from "@material-ui/core/Grid";
+import sharedMessages from "~/sharedMessages";
+import { mount } from "enzyme";
 
+const messages = extractMessages(sharedMessages);
 describe("ApplicationDialog", () => {
+	const theme = createMuiTheme();
+
 	let toggle, applications;
 	beforeEach(() => {
 		toggle = sinon.spy().named("toggle");
@@ -23,30 +30,60 @@ describe("ApplicationDialog", () => {
 		];
 	});
 
-	it("renders a dialog structure listing applications", () =>
+	it("renders a dialog structure listing applications", () => {
+		const component = (
+			<TestWrapper intlProvider={{ messages }} stylesProvider muiThemeProvider={{ theme }}>
+				<ApplicationDialog toggle={toggle} applications={applications} applicationId="ChosenId" />
+			</TestWrapper>
+		);
+
+		const expected = (
+			<TestWrapper intlProvider={{ messages }} stylesProvider muiThemeProvider={{ theme }}>
+				<Grid>
+					<Grid>
+						<p>Orckestra Commerce Cloud Applications List</p>
+					</Grid>
+					<Grid>
+						<Grid key="ChosenId">
+							<Link href="/test/url" underline="none">
+								<img src="/url/to/img1.png" alt="Current App" />
+								<br />
+								<p>Current App</p>
+							</Link>
+						</Grid>
+						<Grid key="OtherId">
+							<Link href="/test/some/other/url" underline="none">
+								<img src="/url/to/img2.png" alt="Other App" />
+								<br />
+								<p>Other App</p>
+							</Link>
+						</Grid>
+					</Grid>
+				</Grid>
+			</TestWrapper>
+		);
+		expect(component, "when mounted", "to satisfy", expected);
+	});
+
+	it("triggers toggle when the current app link is clicked", () => {
+		const component = (
+			<TestWrapper intlProvider={{ messages }} stylesProvider muiThemeProvider={{ theme }}>
+				<ApplicationDialog toggle={toggle} applications={applications} applicationId="ChosenId" />
+			</TestWrapper>
+		);
+
+		const mountedComponent = mount(component);
+
+		const currAppLink = mountedComponent.find(Link).at(0);
+		currAppLink.simulate("click");
+		expect(toggle, "was called once");
+	});
+	/*
 		expect(
 			<ApplicationDialog toggle={toggle} applications={applications} applicationId="ChosenId" />,
 			"when mounted",
-			"with event",
-			{
-				type: "click",
-				target: getStyledClassSelector(Link) + '[href="/test/url"]',
-			},
 			"to satisfy",
-			<List>
-				<Block key="ChosenId">
-					<Link id="ChosenId" href="/test/url">
-						<Logo src="/url/to/img1.png" />
-					</Link>
-					<Label>Current App</Label>
-					<Indicator />
-				</Block>
-				<Block key="OtherId">
-					<Link id="OtherId" href="/test/some/other/url">
-						<Logo src="/url/to/img2.png" />
-					</Link>
-					<Label>Other App</Label>
-				</Block>
-			</List>,
+			,
 		).then(() => expect(toggle, "was called once")));
+		*/
 });