Skip to content

Commit

Permalink
feat(text-area): initial setup & input label
Browse files Browse the repository at this point in the history
Setup index.js, test and .vue files along with initial label
state and test
  • Loading branch information
felipebritor committed Apr 15, 2023
1 parent de2206c commit bbb2d65
Show file tree
Hide file tree
Showing 3 changed files with 34 additions and 0 deletions.
15 changes: 15 additions & 0 deletions src/components/CvTextArea/CvTextArea.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<template>
<div :class="`cv-text-area ${carbonPrefix}--form-item`">
<label :class="[`${carbonPrefix}--label`]">
{{ label }}
</label>
</div>
</template>

<script setup>
import { carbonPrefix } from '../../global/settings';
const props = defineProps({
label: String,
});
</script>
15 changes: 15 additions & 0 deletions src/components/CvTextArea/__tests__/CvTextArea.spec.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { render } from '@testing-library/vue';
import CvTextArea from '..';

describe('CvTextArea', () => {
it("renders label when 'label' prop is passed", () => {
const dummyLabel = 'Dummy Label';
const { getByText } = render(CvTextArea, {
props: { label: dummyLabel },
});

const label = getByText(dummyLabel);
expect(label.tagName).toBe('LABEL');
expect(label.textContent).toBe(dummyLabel);
});
});
4 changes: 4 additions & 0 deletions src/components/CvTextArea/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
import CvTextArea from './CvTextArea.vue';

export { CvTextArea };
export default CvTextArea;

0 comments on commit bbb2d65

Please sign in to comment.