jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Moving general methods to shared file

Browse source
This commit is contained in:
Michaela Brydon 2023-12-04 20:54:28 -05:00
parent ec177337f8
commit e58601bab4
4 changed files with 70 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/helpers/text-helper.js
View file

@ -17,9 +17,30 @@ export function stripRteStyle(stringWithStyleTag) {
* @returns {string}
*/
export function toTitleCase(text) {
const temp = text.toLowerCase().split(' ');
const temp = text?.toLowerCase()?.split(' ') ?? [];
for (let i = 0; i < temp.length; i++) {
temp[i] = temp[i].charAt(0).toUpperCase() + temp[i].slice(1);
}
return temp.join(' ');
}
/**
* @function toDisplayPhoneNumber
* @summary If 10 or 11 digits are in phoneNumber, then the expected number including dashes will be returned
* in either d-ddd-ddd-dddd or ddd-ddd-dddd format. Otherwise, an empty string will be returned.
* @param {string} phoneNumber
* @returns {string}
*/
export function toDisplayPhoneNumber(phoneNumber) {
let result = '';
if (!phoneNumber) { return result; }
let remainingDigits = phoneNumber.match(/\d+/g).join('');
if (remainingDigits.length === 11) {
result += `${remainingDigits[0]}-`;
remainingDigits = remainingDigits.substring(1);
}
if (remainingDigits.length === 10) {
result += remainingDigits.replace(/^(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
}
return result;
}

42
src/helpers/text-helper.spec.js Normal file
View file

@ -0,0 +1,42 @@
import { toTitleCase, toDisplayPhoneNumber } from '@/helpers/text-helper.js';
describe('text-helper', () => {
test.each([
[undefined, ''],
[null, ''],
['', ''],
['hello world', 'Hello World'],
['hello world', 'Hello World'],
['HEllO worLD', 'Hello World'],
['a991,,:A froG FAMILY', 'A991,,:a Frog Family']
])(
'toTitleCase given "%p" returns "%p"',
(input, expected) => {
// Act
const result = toTitleCase(input);
// Assert
expect(result).toEqual(expected);
}
);
test.each([
[undefined, ''],
[null, ''],
['', ''],
['119', ''],
['1111999900', '111-199-9900'],
['111199-9900', '111-199-9900'],
['111-199-9900', '111-199-9900'],
['01111999900', '0-111-199-9900'],
['0-111-199-9900', '0-111-199-9900']
])(
'getDisplayPhoneNumber',
(input, expected) => {
// Act
const result = toDisplayPhoneNumber(input);
// Assert
expect(result).toEqual(expected);
}
);
});

44
src/layouts/tpa-search/tpa-search.spec.js
View file

@ -1183,50 +1183,6 @@ describe('TPA search page', () => {
});
});
});
test.each([
[undefined, ''],
[null, ''],
['', ''],
['119', ''],
['1111999900', '111-199-9900'],
['111199-9900', '111-199-9900'],
['111-199-9900', '111-199-9900'],
['01111999900', '0-111-199-9900'],
['0-111-199-9900', '0-111-199-9900']
])(
'getDisplayPhoneNumber',
(input, expected) => {
// Arrange
const { wrapper } = getMountedComponent();
// Act
const result = wrapper.vm.getDisplayPhoneNumber(input);
// Assert
expect(result).toEqual(expected);
}
);
test.each([
[undefined, ''],
[null, ''],
['', ''],
['hello world', 'Hello World'],
['hello world', 'Hello World'],
['HEllO worLD', 'Hello World'],
['a991,,:A froG FAMILY', 'A991,,:a Frog Family']
])(
'getTitleCase given "%p" returns "%p"',
(input, expected) => {
// Arrange
const { wrapper } = getMountedComponent();
// Act
const result = wrapper.vm.getTitleCase(input);
// Assert
expect(result).toEqual(expected);
}
);
});
describe('before route enter', () => {
test('when providers exist at 15 mile radius, filter is set to "15 miles" and providers set to expected', async () => {

34
src/layouts/tpa-search/tpa-search.vue
View file

@ -133,6 +133,7 @@ import globalRules from '@/constants/global-rules.js';
import widgetFields from '@/constants/cms-widget-fields.js';
import { shallowRef } from 'vue';
import routerParams from '@/router/router-constants/router-params';
import { toTitleCase, toDisplayPhoneNumber } from '@/helpers/text-helper.js';
const radiusFilterPairs = [
{ radius: 15, filter: '15 miles' },
@ -295,7 +296,7 @@ export default {
this.providers = providers;
},
getProviderAddress(provider) {
const city = this.getTitleCase(provider?.address?.city);
const city = toTitleCase(provider?.address?.city);
const state = provider?.address?.state ?? '';
const zipCode = provider?.address?.zipCode ?? '';
let addressLine2 = '';
@ -313,7 +314,7 @@ export default {
addressLine2 += zipCode;
}
const addressLine1 = this.getTitleCase(provider?.address?.streetAddress);
const addressLine1 = this.toTitleCase(provider?.address?.streetAddress);
const joinString = addressLine1.length > 0 && addressLine2.length > 0 ? ', ' : '';
return [addressLine1, addressLine2].join(joinString);
},
@ -354,7 +355,7 @@ export default {
}
},
getShopButtonDataFromProvider(provider) {
const cellNumber = this.getDisplayPhoneNumber(provider?.phoneNumber);
const cellNumber = this.toDisplayPhoneNumber(provider?.phoneNumber);
const distance = provider?.distanceInMiles !== null && !Number.isNaN(parseFloat(provider?.distanceInMiles))
? +provider.distanceInMiles.toFixed(1)
: null;
@ -368,31 +369,8 @@ export default {
value: provider?.providerNumber ?? ''
};
},
getDisplayPhoneNumber(phoneNumber) {
let result = '';
if (!phoneNumber) { return result; }
let remainingDigits = phoneNumber.match(/\d+/g).join('');
if (remainingDigits.length === 11) {
result += `${remainingDigits[0]}-`;
remainingDigits = remainingDigits.substring(1);
}
if (remainingDigits.length === 10) {
result += remainingDigits.replace(/^(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
}
return result;
},
getTitleCase(text) {
if ((text?.length ?? 0) === 0) {
return '';
}
const wordList = text.split(' ');
const titleCaseWordList = wordList.map((word) => {
const first = word[0].toUpperCase();
const rest = word.substring(1).toLowerCase();
return first + rest;
});
return titleCaseWordList.join(' ');
}
toDisplayPhoneNumber,
toTitleCase
}
};
</script>