data-separation.mjs

// // i18n is an object with the translations for that locale
// const i18n = {
//   personal: {
//     gender: {
//       { male: 'Male' },
//       //etc
//     }
//   },
// }

export translation(i18n, key) {
  return i18n[key];
}

export getGender(gender) {
  return translation(i18n, 'gender', gender);
}

export getNameWithGender(personalData){
  return `${getGender(personalData['gender']) personalData['firstName'] personalData['lastName']}` 
}

// If you want to test if the name with the prefix greeting you can import getNameWithGender and tested without needing the component

import { getNameWithGender } from './data-separation.mjs'

 const data = {
  gender: 'Female',
  firstName: 'Claudia',
  lastName: 'Hemling'
 }
  
assert(getNameWithGender(data)).equals(' Mrs Claudia Hemling');