logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git

user_profile.spec.js (4674B)

    

  1. import { mount } from '@vue/test-utils'
  2. import { createStore } from 'vuex'
  3. import UserProfile from 'src/components/user_profile/user_profile.vue'
  4. import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
  5. import { getters } from 'src/modules/users.js'
  7. const mutations = {
  8.   clearTimeline: () => {}
  9. }
  11. const actions = {
  12.   fetchUser: () => {},
  13.   fetchUserByScreenName: () => {}
  14. }
  16. const testGetters = {
  17.   findUser: state => getters.findUser(state.users),
  18.   findUserByName: state => getters.findUserByName(state.users),
  19.   relationship: state => getters.relationship(state.users),
  20.   mergedConfig: state => ({
  21.     colors: '',
  22.     highlight: {},
  23.     customTheme: {
  24.       colors: []
  25.     }
  26.   })
  27. }
  29. const localUser = {
  30.   id: 100,
  31.   is_local: true,
  32.   screen_name: 'testUser',
  33.   screen_name_ui: 'testUser'
  34. }
  36. const extUser = {
  37.   id: 100,
  38.   is_local: false,
  39.   screen_name: 'testUser@test.instance',
  40.   screen_name_ui: 'testUser@test.instance'
  41. }
  43. const externalProfileStore = createStore({
  44.   mutations,
  45.   actions,
  46.   getters: testGetters,
  47.   state: {
  48.     api: {
  49.       fetchers: {},
  50.       backendInteractor: backendInteractorService('')
  51.     },
  52.     interface: {
  53.       browserSupport: ''
  54.     },
  55.     instance: {
  56.       hideUserStats: true
  57.     },
  58.     statuses: {
  59.       timelines: {
  60.         user: {
  61.           statuses: [],
  62.           statusesObject: {},
  63.           faves: [],
  64.           visibleStatuses: [],
  65.           visibleStatusesObject: {},
  66.           newStatusCount: 0,
  67.           maxId: 0,
  68.           minVisibleId: 0,
  69.           loading: false,
  70.           followers: [],
  71.           friends: [],
  72.           viewing: 'statuses',
  73.           userId: 100,
  74.           flushMarker: 0
  75.         },
  76.         media: {
  77.           statuses: [],
  78.           statusesObject: {},
  79.           faves: [],
  80.           visibleStatuses: [],
  81.           visibleStatusesObject: {},
  82.           newStatusCount: 0,
  83.           maxId: 0,
  84.           minVisibleId: 0,
  85.           loading: false,
  86.           followers: [],
  87.           friends: [],
  88.           viewing: 'statuses',
  89.           userId: 100,
  90.           flushMarker: 0
  91.         }
  92.       }
  93.     },
  94.     users: {
  95.       currentUser: {
  96.         credentials: ''
  97.       },
  98.       usersObject: { 100: extUser },
  99.       usersByNameObject: {},
  100.       users: [extUser],
  101.       relationships: {}
  102.     }
  103.   }
  104. })
  106. const localProfileStore = createStore({
  107.   mutations,
  108.   actions,
  109.   getters: testGetters,
  110.   state: {
  111.     api: {
  112.       fetchers: {},
  113.       backendInteractor: backendInteractorService('')
  114.     },
  115.     interface: {
  116.       browserSupport: ''
  117.     },
  118.     config: {
  119.       colors: '',
  120.       highlight: {},
  121.       customTheme: {
  122.         colors: []
  123.       }
  124.     },
  125.     instance: {
  126.       hideUserStats: true
  127.     },
  128.     statuses: {
  129.       timelines: {
  130.         user: {
  131.           statuses: [],
  132.           statusesObject: {},
  133.           faves: [],
  134.           visibleStatuses: [],
  135.           visibleStatusesObject: {},
  136.           newStatusCount: 0,
  137.           maxId: 0,
  138.           minVisibleId: 0,
  139.           loading: false,
  140.           followers: [],
  141.           friends: [],
  142.           viewing: 'statuses',
  143.           userId: 100,
  144.           flushMarker: 0
  145.         },
  146.         media: {
  147.           statuses: [],
  148.           statusesObject: {},
  149.           faves: [],
  150.           visibleStatuses: [],
  151.           visibleStatusesObject: {},
  152.           newStatusCount: 0,
  153.           maxId: 0,
  154.           minVisibleId: 0,
  155.           loading: false,
  156.           followers: [],
  157.           friends: [],
  158.           viewing: 'statuses',
  159.           userId: 100,
  160.           flushMarker: 0
  161.         }
  162.       }
  163.     },
  164.     users: {
  165.       currentUser: {
  166.         credentials: ''
  167.       },
  168.       usersObject: { 100: localUser },
  169.       usersByNameObject: { testuser: localUser },
  170.       users: [localUser],
  171.       relationships: {}
  172.     }
  173.   }
  174. })
  176. // https://github.com/vuejs/test-utils/issues/1382
  177. describe.skip('UserProfile', () => {
  178.   it('renders external profile', () => {
  179.     const wrapper = mount(UserProfile, {
  180.       global: {
  181.         plugins: [externalProfileStore],
  182.         mocks: {
  183.           $route: {
  184.             params: { id: 100 },
  185.             name: 'external-user-profile'
  186.           },
  187.           $t: (msg) => msg
  188.         }
  189.       }
  190.     })
  192.     expect(wrapper.find('.user-screen-name').text()).to.eql('@testUser@test.instance')
  193.   })
  195.   it('renders local profile', () => {
  196.     const wrapper = mount(UserProfile, {
  197.       global: {
  198.         plugins: [localProfileStore],
  199.         mocks: {
  200.           $route: {
  201.             params: { name: 'testUser' },
  202.             name: 'user-profile'
  203.           },
  204.           $t: (msg) => msg
  205.         }
  206.       }
  207.     })
  209.     expect(wrapper.find('.user-screen-name').text()).to.eql('@testUser')
  210.   })
  211. })