EGRC-294: Implement Test for Component Definition Control Implementation UI

[kkennedy26]

Will still need to run npm run lint or remove the prettier/prettier line to resolve linting errors, then run npm test. (Will resolve prettier/prettier end of line errors in another branch)

[rgauss]

A few suggestions.

I believe this is what the build is complaining about:

src/OSCALComponentDefinition.js
--
105 | Line 41:34:  Replace `⏎······props.componentDefinition.components⏎····).map(` with `props.componentDefinition.components).map(⏎······`  prettier/prettier
106 | Line 44:1:   Insert `··`                                                                                                                prettier/prettier
107 | Line 45:1:   Insert `··`                                                                                                                prettier/prettier
108 | Line 46:9:   Insert `··`                                                                                                                prettier/prettier
109 | Line 47:1:   Insert `··`                                                                                                                prettier/prettier
110 | Line 48:7:   Insert `··`                                                                                                                prettier/prettier
111 | Line 49:5:   Replace `)` with `··)⏎····`                                                                                                prettier/prettier
112 |  
113 | src/OSCALSystemCharacteristics.js
114 | Line 222:46:  Replace `⏎································"information-type-ids"` with `"information-type-ids"].map(`  prettier/prettier
115 | Line 224:31:  Replace `].map(` with `··`                                                                             prettier/prettier
116 | Line 225:1:   Replace `································` with `··································`                   prettier/prettier
117 | Line 226:1:   Insert `··`                                                                                            prettier/prettier
118 | Line 227:35:  Insert `··`                                                                                            prettier/prettier
119 | Line 228:1:   Replace `··································` with `····································`               prettier/prettier
120 | Line 229:1:   Insert `··`                                                                                            prettier/prettier
121 | Line 230:35:  Insert `··`                                                                                            prettier/prettier
122 | Line 231:1:   Replace `··································` with `····································`               prettier/prettier
123 | Line 232:1:   Insert `··`                                                                                            prettier/prettier
124 | Line 233:31:  Replace `)` with `··)⏎······························`                                                  prettier/prettier

[rgauss]

I don't think this is actually needed, i.e. OSCALComponentDefinitionComponent never calls props.key.

[kkennedy26]

I added this prop because it was giving me a console error since key from the map function was never being assigned. But yes, OSCALComponentDefinitionComponent never calls props.key, instead it calls props.component.uuid.

[rgauss]

I don't think this should be needed.

[kkennedy26]

I added this because this was part of eslint recommendations of how to export a function. https://eslint.org/docs/rules/no-restricted-exports

[rgauss]

I think you can just add export to the function definition?

[kkennedy26]

Same as above. https://eslint.org/docs/rules/no-restricted-exports..... I could be wrong though.

[kkennedy26]

@rgauss, the linting errors with SystemCharacteristics.js, should I resolve them in this branch so it can pass the check? I never made any changes to that file. It is not related to this branch.