mendersoftware / gui / 1113439055

coverage: 82.752% (-17.2%) from 99.964%
1113439055

Pull #4258

gitlab-ci

mender-test-bot 
chore: Types update

Signed-off-by: Mender Test Bot <mender@northern.tech>
Pull Request #4258: chore: Types update

4326 of 6319 branches covered (0.0%)

8348 of 10088 relevant lines covered (82.75%)

189.39 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

94.74
/src/js/components/auditlogs/eventdetails/terminalsession.js
1 
// Copyright 2021 Northern.tech AS
2 
//
3 
//    Licensed under the Apache License, Version 2.0 (the "License");
4 
//    you may not use this file except in compliance with the License.
5 
//    You may obtain a copy of the License at
6 
//
7 
//        http://www.apache.org/licenses/LICENSE-2.0
8 
//
9 
//    Unless required by applicable law or agreed to in writing, software
10 
//    distributed under the License is distributed on an "AS IS" BASIS,
11 
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 
//    See the License for the specific language governing permissions and
13 
//    limitations under the License.
14 
import React, { useEffect, useState } from 'react';
15 
import { useDispatch, useSelector } from 'react-redux';
16 









17



import { useTheme } from '@mui/material/styles';










18












19



import moment from 'moment';










20



import momentDurationFormatSetup from 'moment-duration-format';










21












22



import { getDeviceById, getSessionDetails } from '../../../actions/deviceActions';










23



import { getCurrentSession, getDeviceById as getDeviceByIdSelector, getIdAttribute, getUserCapabilities } from '../../../selectors';










24



import Loader from '../../common/loader';










25



import Time from '../../common/time';










26



import DeviceDetails, { DetailInformation } from './devicedetails';










27



import TerminalPlayer from './terminalplayer';










28












29



momentDurationFormatSetup(moment);




6✔





30












31



export const TerminalSession = ({ item, onClose }) => {




6✔





32



  const theme = useTheme();




4✔





33



  const [sessionDetails, setSessionDetails] = useState();




4✔





34



  const dispatch = useDispatch();




4✔





35



  const { object = {} } = item;





4!





36



  const { canReadDevices } = useSelector(getUserCapabilities);




4✔





37



  const device = useSelector(state => getDeviceByIdSelector(state, object.id));




7✔





38



  const { attribute: idAttribute } = useSelector(getIdAttribute);




4✔





39



  const { token } = useSelector(getCurrentSession);




4✔





40












41



  useEffect(() => {




4✔





42



    const { action, actor, meta, object, time } = item;




3✔





43



    if (canReadDevices && !device) {





3!





44



      dispatch(getDeviceById(object.id));




×







45



    }










46



    dispatch(




3✔





47



      getSessionDetails(meta.session_id[0], object.id, actor.id, action.startsWith('open') ? time : undefined, action.startsWith('close') ? time : undefined)





6!





48



    ).then(setSessionDetails);










49



  }, [canReadDevices, device, dispatch, item]);










50












51



  if (!sessionDetails || (canReadDevices && !device)) {





4✔





52



    return <Loader show={true} />;




3✔





53



  }










54












55



  const sessionMeta = {




1✔





56



    'Session ID': item.meta.session_id[0],










57



    'Start time': <Time value={sessionDetails.start} />,










58



    'End time': <Time value={sessionDetails.end} />,










59



    'Duration': moment.duration(moment(sessionDetails.end).diff(sessionDetails.start)).format('*hh:*mm:ss:SSS'),










60



    User: item.actor.email










61



  };










62












63



  return (




1✔





64



    <div className="flexbox" style={{ flexWrap: 'wrap' }}>










65



      <TerminalPlayer className="flexbox column margin-top" item={item} sessionInitialized={!!sessionDetails} token={token} />










66



      <div className="flexbox column" style={{ margin: theme.spacing(3), minWidth: 'min-content' }}>










67



        {canReadDevices && <DeviceDetails device={device} idAttribute={idAttribute} onClose={onClose} />}





2✔





68



        <DetailInformation title="session" details={sessionMeta} />










69



      </div>










70



    </div>










71



  );










72



};










73












74



export default TerminalSession;
























    

  • 

    •