e2e tests: profile

mpwo_client/e2e/profile.text.js

@@ -0,0 +1,40 @@
+import { Selector } from 'testcafe'
+
+import { TEST_URL } from './utils'
+
+const randomstring = require('randomstring')
+
+const username = randomstring.generate(8)
+const email = `${username}@test.com`
+const password = 'lentghOk'
+
+
+// eslint-disable-next-line no-undef
+fixture('/profile').page(`${TEST_URL}/profile`)
+
+test('should be able to access his profile page', async t => {
+  // register user
+  await t
+    .navigateTo(`${TEST_URL}/register`)
+    .typeText('input[name="username"]', username)
+    .typeText('input[name="email"]', email)
+    .typeText('input[name="password"]', password)
+    .typeText('input[name="passwordConf"]', password)
+    .click(Selector('input[type="submit"]'))
+
+  await t
+    .navigateTo(`${TEST_URL}/logout`)
+    .navigateTo(`${TEST_URL}/login`)
+    .expect(Selector('H1').withText('Login').exists).ok()
+    .typeText('input[name="email"]', email)
+    .typeText('input[name="password"]', password)
+    .click(Selector('input[type="submit"]'))
+
+  await t
+    .navigateTo(`${TEST_URL}/profile`)
+    .expect(Selector('H1').withText('Login').exists).notOk()
+    .expect(Selector('H1').withText('Dashboard').exists).notOk()
+    .expect(Selector('H1').withText('Profile').exists).ok()
+    .expect(Selector('.userName').withText(username).exists).ok()
+
+})

mpwo_client/src/components/User/Profile.jsx

@@ -19,9 +19,9 @@ function Profile ({ message, onDeletePicture, onUploadPicture, user }) {
       <div className="container">
         <h1 className="page-title">Profile</h1>
         <div className="row">
-          <div className="col-md-8">
+          <div className="col-md-12">
             <div className="card">
-              <div className="card-header">
+              <div className="card-header userName">
                 {user.username} {' '}
                 <Link
                   to={{
@@ -80,14 +80,6 @@ function Profile ({ message, onDeletePicture, onUploadPicture, user }) {
               </div>
             </div>
           </div>
-          <div className="col-md-4">
-            <div className="card">
-              <div className="card-header">
-                Last activities
-              </div>
-              <div className="card-body" />
-            </div>
-          </div>
         </div>
       </div>
     </div>