[TSK-259] Easy features #42
alebgAnnotations
21 errors
|
tests/components/CreateConversationDialog.test.tsx > <CreateConversationDialog/> > should render the dialog when the trigger is clicked:
tests/components/CreateConversationDialog.test.tsx#L16
TestingLibraryElementError: Unable to find an accessible element with the role "dialog"
Here are the accessible roles:
button:
Name "":
<button
aria-controls="radix-:r3:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-controls="radix-:r3:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
>
<svg
class="lucide lucide-square-pen "
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
/>
<path
d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"
/>
</svg>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByRole node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/components/CreateConversationDialog.test.tsx:16:19
|
|
tests/components/CreateConversationDialog.test.tsx > <CreateConversationDialog/> > should pass the correct values to the buttonAction function when the create button is clicked:
tests/components/CreateConversationDialog.test.tsx#L30
TestingLibraryElementError: Unable to find an accessible element with the role "dialog"
Here are the accessible roles:
button:
Name "":
<button
aria-controls="radix-:r6:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-controls="radix-:r6:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
>
<svg
class="lucide lucide-square-pen "
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
/>
<path
d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"
/>
</svg>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByRole node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/components/CreateConversationDialog.test.tsx:30:19
|
|
tests/components/CreateConversationDialog.test.tsx > <CreateConversationDialog/> > should show an error message in the screen if the input value is empty:
tests/components/CreateConversationDialog.test.tsx#L65
TestingLibraryElementError: Unable to find a label with the text of: Conversation title *
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-controls="radix-:r9:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
>
<svg
class="lucide lucide-square-pen "
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
/>
<path
d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"
/>
</svg>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByLabelText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/components/CreateConversationDialog.test.tsx:65:31
|
|
Test Components (latest)
Process completed with exit code 1.
|
|
|
|
|
|
Test Components (latest):
lib/components/dialog/CreateConversationDialog.tsx#L79
Replace `·variant="default"·size="icon"·label={<PenSquare·/>}·disabled={!isEnabled}·onClick={()·=>·setIsDialogOpen(true)}` with `⏎··········variant="default"⏎··········size="icon"⏎··········label={<PenSquare·/>}⏎··········disabled={!isEnabled}⏎··········onClick={()·=>·setIsDialogOpen(true)}⏎·······`
|
|
Test Components (latest):
lib/components/table/ConversationAGGrid.tsx#L75
Replace `<CreateConversationDialog·isEnabled={isEnabled}·isOpen={isOpen}·buttonAction={newConversationAction}·/>` with `(⏎····<CreateConversationDialog⏎······isEnabled={isEnabled}⏎······isOpen={isOpen}⏎······buttonAction={newConversationAction}⏎····/>⏎··)`
|
|
Test Components (latest):
lib/components/table/ConversationAGGrid.tsx#L121
Replace `props.newConversationIsEnabled,·props.newConversationDialogIsOpen,·props.handleNewConversation` with `⏎············props.newConversationIsEnabled,⏎············props.newConversationDialogIsOpen,⏎············props.handleNewConversation,⏎··········`
|
|
Test Components (latest)
Process completed with exit code 1.
|
|
Test Components (18.16.1)
The job was canceled because "latest" failed.
|
|
|
|
|
|
Test Components (18.16.1):
lib/components/dialog/CreateConversationDialog.tsx#L79
Replace `·variant="default"·size="icon"·label={<PenSquare·/>}·disabled={!isEnabled}·onClick={()·=>·setIsDialogOpen(true)}` with `⏎··········variant="default"⏎··········size="icon"⏎··········label={<PenSquare·/>}⏎··········disabled={!isEnabled}⏎··········onClick={()·=>·setIsDialogOpen(true)}⏎·······`
|
|
Test Components (18.16.1):
lib/components/table/ConversationAGGrid.tsx#L75
Replace `<CreateConversationDialog·isEnabled={isEnabled}·isOpen={isOpen}·buttonAction={newConversationAction}·/>` with `(⏎····<CreateConversationDialog⏎······isEnabled={isEnabled}⏎······isOpen={isOpen}⏎······buttonAction={newConversationAction}⏎····/>⏎··)`
|
|
Test Components (18.16.1):
lib/components/table/ConversationAGGrid.tsx#L121
Replace `props.newConversationIsEnabled,·props.newConversationDialogIsOpen,·props.handleNewConversation` with `⏎············props.newConversationIsEnabled,⏎············props.newConversationDialogIsOpen,⏎············props.handleNewConversation,⏎··········`
|
|
Test Components (18.16.1)
Process completed with exit code 1.
|
|
tests/components/CreateConversationDialog.test.tsx > <CreateConversationDialog/> > should render the dialog when the trigger is clicked:
tests/components/CreateConversationDialog.test.tsx#L16
TestingLibraryElementError: Unable to find an accessible element with the role "dialog"
Here are the accessible roles:
button:
Name "":
<button
aria-controls="radix-:r3:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-controls="radix-:r3:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
>
<svg
class="lucide lucide-square-pen "
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
/>
<path
d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"
/>
</svg>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByRole node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/components/CreateConversationDialog.test.tsx:16:19
|
|
tests/components/CreateConversationDialog.test.tsx > <CreateConversationDialog/> > should pass the correct values to the buttonAction function when the create button is clicked:
tests/components/CreateConversationDialog.test.tsx#L30
TestingLibraryElementError: Unable to find an accessible element with the role "dialog"
Here are the accessible roles:
button:
Name "":
<button
aria-controls="radix-:r6:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-controls="radix-:r6:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
>
<svg
class="lucide lucide-square-pen "
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
/>
<path
d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"
/>
</svg>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByRole node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/components/CreateConversationDialog.test.tsx:30:19
|
|
tests/components/CreateConversationDialog.test.tsx > <CreateConversationDialog/> > should show an error message in the screen if the input value is empty:
tests/components/CreateConversationDialog.test.tsx#L65
TestingLibraryElementError: Unable to find a label with the text of: Conversation title *
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-controls="radix-:r9:"
aria-expanded="false"
aria-haspopup="dialog"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-slate-950 dark:focus-visible:ring-slate-300 bg-slate-900 text-slate-50 hover:bg-slate-900/90 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50/90 h-10 w-10"
data-state="closed"
disabled=""
type="button"
>
<svg
class="lucide lucide-square-pen "
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
/>
<path
d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"
/>
</svg>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByLabelText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/components/CreateConversationDialog.test.tsx:65:31
|
|
Test Components (18.16.1)
Process completed with exit code 1.
|