From 3760165b09e141fc3200b0dc783724c5d74aecd5 Mon Sep 17 00:00:00 2001 From: Arman Jahanpour <77515879+rmanaem@users.noreply.github.com> Date: Fri, 14 Feb 2025 14:09:24 -0500 Subject: [PATCH] [ENH] Implemented landing view (#37) * Added custom `spin-slow` animation * Added `landing-emoji` * Added content for landing view * Added assertions for the content of `Landing` component * Set the viewport for cypress * Updated `Simple` e2e test --- cypress.config.ts | 2 ++ cypress/component/Landing.cy.tsx | 9 +++++++-- cypress/e2e/Simple.cy.ts | 8 ++++---- src/assets/landing-emoji.png | Bin 0 -> 14660 bytes src/components/Landing.tsx | 26 +++++++++++++++++++++++--- src/components/NavigationButton.tsx | 2 +- tailwind.config.js | 12 +++++++++++- 7 files changed, 48 insertions(+), 11 deletions(-) create mode 100644 src/assets/landing-emoji.png diff --git a/cypress.config.ts b/cypress.config.ts index 6a3b38e..a5a826a 100644 --- a/cypress.config.ts +++ b/cypress.config.ts @@ -3,6 +3,8 @@ import { defineConfig } from 'cypress'; import codeCoverageTask from '@cypress/code-coverage/task'; export default defineConfig({ + viewportWidth: 1280, + viewportHeight: 720, e2e: { experimentalStudio: true, baseUrl: 'http://localhost:5173', diff --git a/cypress/component/Landing.cy.tsx b/cypress/component/Landing.cy.tsx index 5610c3e..920ef61 100644 --- a/cypress/component/Landing.cy.tsx +++ b/cypress/component/Landing.cy.tsx @@ -1,8 +1,13 @@ import Landing from '../../src/components/Landing'; describe('Landing', () => { - it('should render correctly', () => { + it('should render the content of Landing view correctly', () => { cy.mount(); - cy.contains('Welcome'); + cy.contains('Welcome to the Neurobagel Annotation Tool'); + cy.get('img[alt="Neurobagel Logo"]').should('be.visible'); + cy.get('img[alt="Neurobagel Logo"]').should('have.attr', 'alt', 'Neurobagel Logo'); + cy.get('img[alt="Landing emoji"]').should('be.visible'); + cy.get('img[alt="Landing emoji"]').should('have.attr', 'alt', 'Landing emoji'); + cy.get('[data-cy="get started-button"]').should('be.visible'); }); }); diff --git a/cypress/e2e/Simple.cy.ts b/cypress/e2e/Simple.cy.ts index fbc2e2a..f27419f 100644 --- a/cypress/e2e/Simple.cy.ts +++ b/cypress/e2e/Simple.cy.ts @@ -2,16 +2,16 @@ describe('Simlpe e2e test', () => { it('Steps through different app views', () => { cy.visit('http://localhost:5173'); cy.contains('Welcome'); - cy.contains('Start - Upload').click(); + cy.get('[data-cy="get started-button"]').click(); cy.contains('Upload'); - cy.contains('Next - Column Annotation').click(); + cy.get('[data-cy="next - column annotation-button"]').click(); cy.contains('Column Annotation'); - cy.contains('Next - Value Annotation').click(); + cy.get('[data-cy="next - value annotation-button"]').click(); cy.contains('Value Annotation'); // reload to make sure the currentView persists cy.reload(); cy.contains('Value Annotation'); - cy.contains('Next - Download').click(); + cy.get('[data-cy="next - download-button"]').click(); cy.contains('Download'); }); }); diff --git a/src/assets/landing-emoji.png b/src/assets/landing-emoji.png new file mode 100644 index 0000000000000000000000000000000000000000..6b7048e666437803baa35d910502da822e509144 GIT binary patch literal 14660 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�hn9S;1m-?U5Vy}$8NXIjR{#zCSJpgH z+TK9}7B~qPNz=Rd!aFSO!?~`^;}8Ap4{J!H4bd4}pkoF2i-(8dyuYu%q|v@mS!fI8 zo~AzR%iQZszU&s{j-lHv{$_aTSZRR#DXE}zBx21+Bob<#(ogC{1vm3=q)j*Pq#w8b z@H+W?)Q9(SyZ#i_c=cNUH62!|J0VjQ<)D+bY|>RcLs3+;D#9;$whIS#y96OmY4c<<_>vRa~N z&5cF@rzadh0tLusM7j@ow72o8h!tTTx!6jiJ#E$SW?`T=+P)Bx$p^CsM+qG7-Xwpz_ol5kKNCg2sELB$tW1-%FEMa9E3t+Q zKjZH-2mA<)U1YG;r}BkHkM6zpN&Qi*&mOf_5;Y(C^*|XI7Rv>QFj|l=xs$Vt5KTt@ zv>!i2R~SY|r}JpZm>Oz!f0|ml~eJ?_>jf(A2D~VtKnL zhFAr?KI*JP8d2DIRB__4R(aSh@>Mxr{VPjt&Y(N{;V)*yJ_YSeg#nt(4pMRe3+eWI zbK>$00`w#%eS&&3FS1JcZLR>PW|V9SG7|LeW9C0Lg~Rh$6#enO*WmcYel$6q9@!r` z@gsGm@@T=};Hp>YB+8K}YS)U0HD&1vIz539f(M1^w}N=eIL4p*Qop?X>B$nT!S6$G zrO}VtzcCSi=bn0yj6o1>&-R;pcnfcw#bP5eq1>c<46f)$TN5Jg;H^Ap^qkJ=E+j@I z(<)^G$TkT0K6lY>HXhsmAs8RS@fk^q$z_WYCixi2SyFIe*9-DiuS!(On{ywJ_rsOIXOPI)u!?DKF-_o4wsp#8$ih^i-=$2oHd((xvWjkVLJEXBiNy}LY z;3cq9a00^!#>?@geOoO@DZ(V>GA6jD({Z6VI2o9CQ)=kdIqck6=eIbb7W68Gdg-)N zIHSH@Fhj~8>?tV1UvpgVR}|J<)#@jliT215d+>9`o$6n|P~7fui{Qb7dtG*7aeB{k zjRo?{fv*6mr^SI~E#L_A|K;=-l54q`Aj5w~{Hy0C=IH+m%@qr&N5pOb`Blk(gm+L? K*{{;@p#KM+A-%K! literal 0 HcmV?d00001 diff --git a/src/components/Landing.tsx b/src/components/Landing.tsx index becf450..0c2cac2 100644 --- a/src/components/Landing.tsx +++ b/src/components/Landing.tsx @@ -1,10 +1,30 @@ +import { Typography } from '@mui/material'; import NavigationButton from './NavigationButton'; +import logo from '../assets/logo.svg'; +import landingEmoji from '../assets/landing-emoji.png'; function Landing() { return ( -
-

Welcome

- +
+ Neurobagel Logo + +
+
+ Landing emoji + + Welcome to the Neurobagel Annotation Tool + +
+ + + This tool allows you to create a machine-readable BIDS data dictionary in .json format for + a tabular phenotypic file in .tsv format. + +
+ +
+ +
); } diff --git a/src/components/NavigationButton.tsx b/src/components/NavigationButton.tsx index 3334904..45a00bb 100644 --- a/src/components/NavigationButton.tsx +++ b/src/components/NavigationButton.tsx @@ -15,7 +15,7 @@ function NavigationButton({ }; return ( - ); diff --git a/tailwind.config.js b/tailwind.config.js index 8962486..d43dff4 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -2,7 +2,17 @@ export default { content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], theme: { - extend: {}, + extend: { + keyframes: { + 'spin-slow': { + '0%': { transform: 'rotate(0deg)' }, + '100%': { transform: 'rotate(360deg)' }, + }, + }, + animation: { + 'spin-slow': 'spin-slow 5s linear infinite', + }, + }, }, plugins: [], corePlugins: {