WIP Migrate to office-ui-fabric-react

cypress/integration/Files.spec.js

@@ -1,51 +1,51 @@
 import '../../public/config'
 
 describe('Files', () => {
-  beforeEach(function () {
+  beforeEach(() => {
     cy.server()
 
     cy.route({
       method: 'GET',
       url: `${window.appConfig.glpiApiLink}/search/PluginFlyvemdmFile/?uid_cols=true&forcedisplay[0]=1&forcedisplay[1]=2&forcedisplay[2]=3&order=ASC&range=0-14&`,
       response: {
-        "totalcount": 4,
-        "count": 4,
-        "sort": 1,
-        "order": "ASC",
-        "data": [{
-          "PluginFlyvemdmFile.name": "decoded.jpeg",
-          "PluginFlyvemdmFile.id": 78,
-          "PluginFlyvemdmFile.source": "0/5b11be1376218_decoded.jpeg"
+        totalcount: 4,
+        count: 4,
+        sort: 1,
+        order: 'ASC',
+        data: [{
+          'PluginFlyvemdmFile.name': 'decoded.jpeg',
+          'PluginFlyvemdmFile.id': 78,
+          'PluginFlyvemdmFile.source': '0/5b11be1376218_decoded.jpeg',
         }, {
-          "PluginFlyvemdmFile.name": "IMG.jpg",
-          "PluginFlyvemdmFile.id": 79,
-          "PluginFlyvemdmFile.source": "0/5b11be206c719_IMG_20180330_110129.jpg"
+          'PluginFlyvemdmFile.name': 'IMG.jpg',
+          'PluginFlyvemdmFile.id': 79,
+          'PluginFlyvemdmFile.source': '0/5b11be206c719_IMG_20180330_110129.jpg',
         }, {
-          "PluginFlyvemdmFile.name": "logo-plugin.png",
-          "PluginFlyvemdmFile.id": 48,
-          "PluginFlyvemdmFile.source": "0/5acb72372edb7_logo-plugin.png"
+          'PluginFlyvemdmFile.name': 'logo-plugin.png',
+          'PluginFlyvemdmFile.id': 48,
+          'PluginFlyvemdmFile.source': '0/5acb72372edb7_logo-plugin.png',
         }, {
-          "PluginFlyvemdmFile.name": "logo2.png",
-          "PluginFlyvemdmFile.id": 43,
-          "PluginFlyvemdmFile.source": "0/5abd12701feb2_logo2.png"
+          'PluginFlyvemdmFile.name': 'logo2.png',
+          'PluginFlyvemdmFile.id': 43,
+          'PluginFlyvemdmFile.source': '0/5abd12701feb2_logo2.png',
         }],
-        "content-range": "0-3/4"
-      }
+        'content-range': '0-3/4',
+      },
     })
 
     cy.route({
       method: 'GET',
       url: `${window.appConfig.glpiApiLink}/getGlpiConfig`,
       response: {
-        "cfg_glpi": {
+        cfg_glpi: {
           password_min_length: 10,
           password_need_number: 1,
           password_need_letter: 1,
           password_need_caps: 1,
           password_need_symbol: 1,
-          url_base: "https://your-url.com/glpi"
-        }
-      }
+          url_base: 'https://your-url.com/glpi',
+        },
+      },
     })
 
     localStorage.setItem('sessionToken', 'token1234')
@@ -55,11 +55,10 @@ describe('Files', () => {
     localStorage.setItem('currentUser',
       JSON.stringify({
         id: 123,
-        name: "exampleName",
-        email: "example@teclib.com",
-        picture: null
-      })
-    )
+        name: 'exampleName',
+        email: 'example@teclib.com',
+        picture: null,
+      }))
 
     localStorage.setItem('display',
       JSON.stringify({
@@ -72,32 +71,31 @@ describe('Files', () => {
         invitationsSent: false,
         numberUsers: false,
         animations: false,
-        pendingInvitations: false
-      })
-    )
+        pendingInvitations: false,
+      }))
   })
 
   it('should navigate in users without problemss', () => {
     cy.visit('/app/files')
     cy.contains('No selection')
     cy.get('#element__11')
     cy.get('main').screenshot('files_noSelection', {
-      capture: 'viewport'
+      capture: 'viewport',
     })
     cy.get('.win-itemscontainer').click('top')
     cy.get('.header-block').click('topRight')
     cy.get('main').screenshot('files_content', {
-      capture: 'viewport'
+      capture: 'viewport',
     })
-    cy.get('.editIcon').click()
+    cy.get('[data-icon-name="Edit"]').click()
     cy.get('.header-block').click('topRight')
     cy.get('main').screenshot('files_edit', {
-      capture: 'viewport'
+      capture: 'viewport',
     })
     cy.get('[aria-label="Add"] > .win-commandicon > .win-commandimage').click()
     cy.get('.header-block').click('topRight')
     cy.get('main').screenshot('files_add', {
-      capture: 'viewport'
+      capture: 'viewport',
     })
   })
 })

cypress/integration/Logout.spec.js

@@ -1,22 +1,22 @@
 import '../../public/config'
 
-describe('Users', () => {
-  beforeEach(function () {
+describe('Logout', () => {
+  beforeEach(() => {
     cy.server()
 
     cy.route({
       method: 'GET',
       url: `${window.appConfig.glpiApiLink}/getGlpiConfig`,
       response: {
-        "cfg_glpi": {
+        cfg_glpi: {
           password_min_length: 10,
           password_need_number: 1,
           password_need_letter: 1,
           password_need_caps: 1,
           password_need_symbol: 1,
-          url_base: "https://your-url.com/glpi"
-        }
-      }
+          url_base: 'https://your-url.com/glpi',
+        },
+      },
     })
 
 
@@ -27,11 +27,10 @@ describe('Users', () => {
     localStorage.setItem('currentUser',
       JSON.stringify({
         id: 123,
-        name: "exampleName",
-        email: "example@teclib.com",
-        picture: null
-      })
-    )
+        name: 'exampleName',
+        email: 'example@teclib.com',
+        picture: null,
+      }))
 
     localStorage.setItem('display',
       JSON.stringify({
@@ -44,16 +43,15 @@ describe('Users', () => {
         invitationsSent: false,
         numberUsers: false,
         animations: false,
-        pendingInvitations: false
-      })
-    )
+        pendingInvitations: false,
+      }))
   })
 
   it('should logout without problems', () => {
     cy.visit('/app')
-    cy.get('.PowerButtonIcon').click()
+    cy.get('[role="link"] > a > span > .root-36').click()
     cy.get('main').screenshot('logout', {
-      capture: 'viewport'
+      capture: 'viewport',
     })
   })
 })

cypress/integration/Users.spec.js

@@ -1,54 +1,60 @@
 import '../../public/config'
 
 describe('Users', () => {
-  beforeEach(function () {
+  beforeEach(() => {
     cy.server()
 
     cy.route({
       method: 'GET',
       url: `${window.appConfig.glpiApiLink}/search/User/?uid_cols=true&forcedisplay[0]=1&forcedisplay[1]=2&forcedisplay[2]=5&forcedisplay[3]=34&forcedisplay[4]=150&order=ASC&range=0-14&`,
       response: {
-        "totalcount": 2,
-        "count": 2,
-        "content-range": "0-1/2",
-        "order": "ASC",
-        "sort": 1,
-        "data": [
-          {"User.name":"User 1","User.id":1,"User.UserEmail.email":"user1@teclib.com","User.realname":"New user","User.picture":null},
-          {"User.name":"User 2","User.id":2,"User.UserEmail.email":"user2@teclib.com","User.realname":"Old user","User.picture":null},
-        ]
-      }
+        totalcount: 2,
+        count: 2,
+        'content-range': '0-1/2',
+        order: 'ASC',
+        sort: 1,
+        data: [
+          {
+            'User.name': 'User 1', 'User.id': 1, 'User.UserEmail.email': 'user1@teclib.com', 'User.realname': 'New user', 'User.picture': null,
+          },
+          {
+            'User.name': 'User 2', 'User.id': 2, 'User.UserEmail.email': 'user2@teclib.com', 'User.realname': 'Old user', 'User.picture': null,
+          },
+        ],
+      },
     })
 
     cy.route({
       method: 'GET',
       url: `${window.appConfig.glpiApiLink}/User/1`,
       response: {
-        "id":1,"name":"User 1","phone":null,"phone2":null,"mobile":null,"realname":"New user","firstname":null,"locations_id":0,"language":null,"use_mode":0,"list_limit":null,"is_active":1,"comment":null,"auths_id":0,"authtype":1,"last_login":null,"date_mod":"2018-06-04 17:17:12","date_sync":null,"is_deleted":0,"profiles_id":0,"entities_id":0,"usertitles_id":0,"usercategories_id":0,"date_format":null,"number_format":null,"names_format":null,"csv_delimiter":null,"is_ids_visible":null,"use_flat_dropdowntree":null,"show_jobs_at_login":null,"priority_1":null,"priority_2":null,"priority_3":null,"priority_4":null,"priority_5":null,"priority_6":null,"followup_private":null,"task_private":null,"default_requesttypes_id":null,"password_forget_token":null,"password_forget_token_date":null,"user_dn":null,"registration_number":null,"show_count_on_tabs":null,"refresh_ticket_list":null,"set_default_tech":null,"personal_token":null,"personal_token_date":null,"display_count_on_home":null,"notification_to_myself":null,"duedateok_color":null,"duedatewarning_color":null,"duedatecritical_color":null,"duedatewarning_less":null,"duedatecritical_less":null,"duedatewarning_unit":null,"duedatecritical_unit":null,"display_options":null,"is_deleted_ldap":0,"pdffont":null,"picture":"profile.png","begin_date":null,"end_date":null,"keep_devices_when_purging_item":null,"privatebookmarkorder":null,"backcreated":null,"task_state":null,"layout":null,"palette":null,"ticket_timeline":null,"ticket_timeline_keep_replaced_tabs":null,"set_default_requester":null,"lock_autolock_mode":null,"lock_directunlock_notification":null,"date_creation":"2018-05-30 23:07:57","highcontrast_css":0,"plannings":null,"api_token":"KHsR7XIbbTMtGlKZrVzfWrHSuD34LFxBiY6ixdxp","api_token_date":"2018-05-30 23:07:57","sync_field":null
-      }
+        id: 1, name: 'User 1', phone: null, phone2: null, mobile: null, realname: 'New user', firstname: null, locations_id: 0, language: null, use_mode: 0, list_limit: null, is_active: 1, comment: null, auths_id: 0, authtype: 1, last_login: null, date_mod: '2018-06-04 17:17:12', date_sync: null, is_deleted: 0, profiles_id: 0, entities_id: 0, usertitles_id: 0, usercategories_id: 0, date_format: null, number_format: null, names_format: null, csv_delimiter: null, is_ids_visible: null, use_flat_dropdowntree: null, show_jobs_at_login: null, priority_1: null, priority_2: null, priority_3: null, priority_4: null, priority_5: null, priority_6: null, followup_private: null, task_private: null, default_requesttypes_id: null, password_forget_token: null, password_forget_token_date: null, user_dn: null, registration_number: null, show_count_on_tabs: null, refresh_ticket_list: null, set_default_tech: null, personal_token: null, personal_token_date: null, display_count_on_home: null, notification_to_myself: null, duedateok_color: null, duedatewarning_color: null, duedatecritical_color: null, duedatewarning_less: null, duedatecritical_less: null, duedatewarning_unit: null, duedatecritical_unit: null, display_options: null, is_deleted_ldap: 0, pdffont: null, picture: 'profile.png', begin_date: null, end_date: null, keep_devices_when_purging_item: null, privatebookmarkorder: null, backcreated: null, task_state: null, layout: null, palette: null, ticket_timeline: null, ticket_timeline_keep_replaced_tabs: null, set_default_requester: null, lock_autolock_mode: null, lock_directunlock_notification: null, date_creation: '2018-05-30 23:07:57', highcontrast_css: 0, plannings: null, api_token: 'KHsR7XIbbTMtGlKZrVzfWrHSuD34LFxBiY6ixdxp', api_token_date: '2018-05-30 23:07:57', sync_field: null,
+      },
     })
 
     cy.route({
       method: 'GET',
       url: `${window.appConfig.glpiApiLink}/User/1/UserEmail`,
       response: [
-        {"id":12,"users_id":1,"is_default":1,"is_dynamic":0,"email":"user1@teclib.com","links":[{"rel":"User","href":"https://dev.flyve.org/glpi/apirest.php/User/1"}]}
-      ]
+        {
+          id: 12, users_id: 1, is_default: 1, is_dynamic: 0, email: 'user1@teclib.com', links: [{ rel: 'User', href: 'https://dev.flyve.org/glpi/apirest.php/User/1' }],
+        },
+      ],
     })
 
     cy.route({
       method: 'GET',
       url: `${window.appConfig.glpiApiLink}/getGlpiConfig`,
       response: {
-        "cfg_glpi":{
+        cfg_glpi: {
           password_min_length: 10,
           password_need_number: 1,
           password_need_letter: 1,
           password_need_caps: 1,
           password_need_symbol: 1,
-          url_base: "https://your-url.com/glpi"
-        }
-      }
+          url_base: 'https://your-url.com/glpi',
+        },
+      },
     })
 
     localStorage.setItem('sessionToken', 'token1234')
@@ -57,12 +63,11 @@ describe('Users', () => {
 
     localStorage.setItem('currentUser',
       JSON.stringify({
-        id:123,
-        name:"exampleName",
-        email: "example@teclib.com",
-        picture: null
-      })
-    )
+        id: 123,
+        name: 'exampleName',
+        email: 'example@teclib.com',
+        picture: null,
+      }))
 
     localStorage.setItem('display',
       JSON.stringify({
@@ -75,23 +80,22 @@ describe('Users', () => {
         invitationsSent: false,
         numberUsers: false,
         animations: false,
-        pendingInvitations: false
-      })
-    )
+        pendingInvitations: false,
+      }))
   })
 
   it('should navigate in users without problemss', () => {
     cy.visit('/app/users')
     cy.contains('No selection')
     cy.get('#element__11')
-    cy.get('main').screenshot('users_noSelection', {capture: 'viewport'})
+    cy.get('main').screenshot('users_noSelection', { capture: 'viewport' })
     cy.get('.win-itemscontainer').click('top')
     cy.get('.item-info__name')
     cy.get('.header-block').click('topRight')
-    cy.get('main').screenshot('users_content', {capture: 'viewport'})
-    cy.get('.editIcon').click()
-    cy.get('.viewIcon')
+    cy.get('main').screenshot('users_content', { capture: 'viewport' })
+    cy.get('[data-icon-name="Edit"]').click()
+    cy.get('.froms > :nth-child(1) > .root-34')
     cy.get('.header-block').click('topRight')
-    cy.get('main').screenshot('users_edit', {capture: 'fullPage'})
+    cy.get('main').screenshot('users_edit', { capture: 'fullPage' })
   })
 })