Merge pull request #515 from chinchang/cypress-int

Adding Cypress framework

src/components/Console.jsx

@@ -119,6 +119,7 @@ export class Console extends PureComponent {
 										class="code-wrap__header-btn  code-wrap__collapse-btn"
 										title={i18n._(t`Toggle console`)}
 										onClick={toggleConsole}
+										data-testid="toggleConsole"
 									/>
 								</div>
 							</div>
@@ -127,6 +128,7 @@ export class Console extends PureComponent {
 								ref={el => {
 									this.logContainerEl = el;
 								}}
+								data-testid="consoleItems"
 							>
 								{logs.map(log => (
 									<LogRow data={log} />

src/components/CreateNewModal.jsx

@@ -159,6 +159,7 @@ export class CreateNewModal extends Component {
 									trackEvent('ui', 'startBlankBtnClick');
 									onBlankTemplateSelect();
 								}}
+								data-testid="startBlankButton"
 							>
 								Start Blank
 							</button>

src/components/MainHeader.jsx

@@ -43,6 +43,7 @@ export function MainHeader(props) {
 								onClick={props.addLibraryBtnHandler}
 								data-event-category="ui"
 								data-event-action="addLibraryButtonClick"
+								data-testid="addLibraryButton"
 								class="btn btn--dark hint--rounded hint--bottom-left"
 								aria-label={i18n._(t`Add a JS/CSS library`)}
 							>
@@ -62,6 +63,7 @@ export function MainHeader(props) {
 						<button
 							class="btn btn--dark hint--rounded hint--bottom-left"
 							aria-label={i18n._(t`Start a new creation`)}
+							data-testid="newButton"
 							onClick={props.newBtnHandler}
 						>
 							<svg viewBox="0 0 24 24">
@@ -106,6 +108,7 @@ export function MainHeader(props) {
 								onClick={props.loginBtnHandler}
 								data-event-category="ui"
 								data-event-action="loginButtonClick"
+								data-testid="loginButton"
 								class="btn btn--dark hint--rounded  hint--bottom-left"
 							>
 								<Trans>Login/Signup</Trans>

src/components/Modal.jsx

@@ -92,6 +92,7 @@ const Modal = ({
 							type="button"
 							onClick={closeHandler}
 							aria-label="Close modal"
+							data-testid="closeModalButton"
 							title="Close"
 							class="js-modal__close-btn modal__close-btn"
 						>