From c15dab8aa723510f5cd8d8b16b0b686c391875ea Mon Sep 17 00:00:00 2001
From: Bogdan Cochior <bogdan.cochior@thinslices.com>
Date: Fri, 9 Mar 2018 16:42:03 +0200
Subject: [PATCH] test(dashboard): add data-test ids for automation testing
n
---
.../component-modal/src/components/ConfirmationModal.js | 8 +++++---
.../src/components/Dashboard/DashboardCard.js | 9 ++++++++-
2 files changed, 13 insertions(+), 4 deletions(-)
diff --git a/packages/component-modal/src/components/ConfirmationModal.js b/packages/component-modal/src/components/ConfirmationModal.js
index 5068762db..ddc1d30f3 100644
--- a/packages/component-modal/src/components/ConfirmationModal.js
+++ b/packages/component-modal/src/components/ConfirmationModal.js
@@ -13,15 +13,17 @@ const ConfirmationModal = ({
theme,
}) => (
<Root>
- <CloseIcon onClick={hideModal}>
+ <CloseIcon data-test="icon-modal-hide" onClick={hideModal}>
<Icon color={theme.colorPrimary}>x</Icon>
</CloseIcon>
{title && <Title dangerouslySetInnerHTML={{ __html: title }} />}
{subtitle && <Subtitle dangerouslySetInnerHTML={{ __html: subtitle }} />}
{content && <Content dangerouslySetInnerHTML={{ __html: content }} />}
<ButtonsContainer>
- <Button onClick={hideModal}>{cancelText}</Button>
- <Button onClick={onConfirm} primary>
+ <Button data-test="button-modal-hide" onClick={hideModal}>
+ {cancelText}
+ </Button>
+ <Button data-test="button-modal-confirm" onClick={onConfirm} primary>
{confirmText}
</Button>
</ButtonsContainer>
diff --git a/packages/components-faraday/src/components/Dashboard/DashboardCard.js b/packages/components-faraday/src/components/Dashboard/DashboardCard.js
index 92d304cdb..5bf22d26e 100644
--- a/packages/components-faraday/src/components/Dashboard/DashboardCard.js
+++ b/packages/components-faraday/src/components/Dashboard/DashboardCard.js
@@ -53,6 +53,7 @@ const DashboardCard = ({
</ZipFiles>
{!project.status && (
<ActionButtons
+ data-test="button-resume-submission"
onClick={() =>
history.push(
`/projects/${project.id}/versions/${version.id}/submit`,
@@ -75,6 +76,7 @@ const DashboardCard = ({
</ManuscriptType>
{project.status ? (
<Details
+ data-test="button-details"
onClick={() =>
history.push(
`/projects/${project.id}/versions/${version.id}/manuscript`,
@@ -85,7 +87,12 @@ const DashboardCard = ({
<Icon color="#667080">chevron-right</Icon>
</Details>
) : (
- <Details onClick={cancelSubmission}>Cancel submission</Details>
+ <Details
+ data-test="button-cancel-submission"
+ onClick={cancelSubmission}
+ >
+ Cancel submission
+ </Details>
)}
</RightDetails>
</Bottom>
--
GitLab