Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Generate unit tests for entity table component #1178

Merged
merged 1 commit into from
May 22, 2022
Merged

feat: Generate unit tests for entity table component #1178

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions generators/entity-client/files.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,10 @@ const svelteFiles = {
file: 'entity/entity-table.svelte',
renameTo: generator => `${generator.entityFolderName}/${generator.entityFileName}-table.svelte`,
},
{
file: 'entity/entity-table.spec.js',
renameTo: generator => `${generator.entityFolderName}/${generator.entityFileName}-table.spec.js`,
},
{
file: 'entity/entity-form.svelte',
renameTo: generator => `${generator.entityFolderName}/${generator.entityFileName}-form.svelte`,
Expand Down
6 changes: 3 additions & 3 deletions ...t/templates/svelte/src/main/webapp/app/lib/entities/entity/entity-list-actions.svelte.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
name="view<%= entityAngularName %>Btn"
contextualColor="light"
size="small"
classes="sm:my-0"
classes="sm:my-0 {showActions ? '' : 'hidden'}"
title="View"
aria-label="view"
on:click="{() =>
Expand All @@ -34,7 +34,7 @@
name="edit<%= entityAngularName %>Btn"
contextualColor="light"
size="small"
classes="sm:my-0"
classes="sm:my-0 {showActions ? '' : 'hidden'}"
title="Edit"
aria-label="edit"
on:click="{() =>
Expand All @@ -48,7 +48,7 @@
name="delete<%= entityAngularName %>Btn"
contextualColor="light"
size="small"
classes="sm:my-0"
classes="sm:my-0 {showActions ? '' : 'hidden'}"
title="Delete"
aria-label="delete"
on:click="{() =>
Expand Down
231 changes: 231 additions & 0 deletions ...-client/templates/svelte/src/main/webapp/app/lib/entities/entity/entity-table.spec.js.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,231 @@
<%_
const relationshipFields = relationships.filter(relationship => (
relationship.otherEntity.primaryKey
&& (relationship.relationshipManyToOne
|| (relationship.relationshipOneToOne && relationship.ownerSide))))
const containsRelationshipField = relationshipFields && relationshipFields.length;
const entityFakeData = generateFakeData('cypress');
const testId = new Date().getTime()
_%>
import '@testing-library/jest-dom/extend-expect'
import {fireEvent, render} from '@testing-library/svelte'
import { screen } from '@testing-library/dom'

import <%= entityAngularName %>Table from './<%= entityFileName %>-table.svelte'

it('should display no <%= entityClassPluralHumanized.toLowerCase() %> found message for an empty table', () => {
render(<%= entityAngularName %>Table, {})

expect(screen.getByRole('table')).toBeInTheDocument()
expect(screen.queryAllByRole('cell').length).toEqual(1)
expect(screen.getByText(/no <%= entityClassPluralHumanized.toLowerCase() %> found/i)).toBeInTheDocument()
})

it('should display column headers', () => {
render(<%= entityAngularName %>Table, {
<%= entityInstancePlural %>: [],
})

expect(screen.getByRole('table')).toBeInTheDocument()
expect(screen.getAllByRole('columnheader')).toHaveLength(<%= entity.fields.length + relationshipFields.length %>)
expect(
screen.getByRole('columnheader', { name: /^id$/i })
).toBeInTheDocument()
<%_ for (field of fields.filter(field => !field.id)) { _%>
expect(
screen.getByRole('columnheader', { name: /^<%= field.fieldNameHumanized.toLowerCase() %>$/i })
).toBeInTheDocument()
<%_ } _%>
<%_ for (relationship of relationshipFields) { _%>
expect(
screen.getByRole('columnheader', { name: /^<%= relationship.relationshipNameHumanized.toLowerCase() %>$/i })
).toBeInTheDocument()
<%_ } _%>
})

it('should display <%= entityClassPluralHumanized.toLowerCase() %> data', () => {
render(<%= entityAngularName %>Table, {
<%= entityInstancePlural %>: [
{
id: <%= testId %>,
<%_
for (field of fields.filter(field => !field.id)) {
const fieldValue = !entityFakeData ? field.generateFakeData('cypress') : entityFakeData[field.fieldName];
if (fieldValue === undefined) {
warning(`Error generating a value for field ${field.fieldName}`);
}
_%>
<%_ if (field.fieldTypeBoolean) { _%>
<%= field.fieldName %>: true,
<%_ } else if (field.fieldTypeBinary && field.blobContentTypeText) { _%>
<%= field.fieldName %>: 'some text data',
<%_ } else if (field.fieldTypeBinary && !field.blobContentTypeText) { _%>
<%= field.fieldName %>ContentType: 'image/png',
<%_ } else if (field.fieldTypeString || field.fieldTypeUUID) { _%>
<%= field.fieldName %>: '<%= fieldValue %>',
<%_ } else if (field.fieldTypeLocalDate) { _%>
<%= field.fieldName %>: '2022-03-10T10:08',
<%_ } else if (field.fieldTypeZonedDateTime) { _%>
<%= field.fieldName %>: '2022-04-10T10:08:00.000Z',
<%_ } else if (field.fieldTypeTimed) { _%>
<%= field.fieldName %>: '2022-05-10T10:08:00.000Z',
<%_ } else if (field.fieldTypeDuration) { _%>
<%= field.fieldName %>: 'PT0.000052484S',
<%_ } else if (field.fieldTypeNumeric) { _%>
<%= field.fieldName %>: <%= fieldValue %>,
<%_ } else { _%>
<%= field.fieldName %>: '<%= fieldValue %>',
<%_ } _%>
<%_ } _%>
<%_
for (const relationship of relationshipFields) {
if (relationship.otherEntityUser) {
_%>
user: {
login: 'admin',
}
<%_
} else {
if (relationship.relationshipManyToMany) {
_%>
<%_
} else {
_%>
<%= relationship.relationshipName %> : {
<%= relationship.otherEntityField %> : '<%= testId + 2000 %>'
}
<%_
}
}
}
_%>
},
{
id: <%= testId + 1000 %>,
},
],
})

expect(screen.getAllByRole('cell')).toHaveLength(<%= (entity.fields.length + relationshipFields.length) *2 %>)
<%_
for (field of fields.filter(field => !field.id)) {
const fieldValue = !entityFakeData ? field.generateFakeData('cypress') : entityFakeData[field.fieldName];
if (fieldValue === undefined) {
warning(`Error generating a value for field ${field.fieldName}`);
}
_%>
<%_ if (field.fieldTypeBoolean) { _%>
expect(screen.getByRole('cell', { name: /true/i })).toBeInTheDocument()
<%_ } else if (field.fieldTypeBinary && !field.blobContentTypeText) { _%>
<%_ } else if (field.fieldTypeBinary && field.blobContentTypeText) { _%>
expect(screen.getByRole('cell', { name: /some text data/i })).toBeInTheDocument()
<%_ } else if (field.fieldTypeString || field.fieldTypeUUID) { _%>
expect(screen.getByRole('cell', { name: /<%= fieldValue.toLowerCase() %>/i })).toBeInTheDocument()
<%_ } else if (field.fieldTypeLocalDate) { _%>
expect(screen.getByRole('cell', { name: /03\/10\/2022/i })).toBeInTheDocument()
<%_ } else if (field.fieldTypeZonedDateTime) { _%>
expect(screen.getByRole('cell', { name: /04\/10\/2022/i })).toBeInTheDocument()
<%_ } else if (field.fieldTypeInstant) { _%>
expect(screen.getByRole('cell', { name: /05\/10\/2022/i })).toBeInTheDocument()
<%_ } else if (field.fieldTypeDuration) { _%>
<%_ } else if (field.fieldTypeNumeric) { _%>
expect(screen.getByRole('cell', { name: /<%= fieldValue %>/i })).toBeInTheDocument()
<%_ } else { _%>
expect(screen.getByRole('cell', { name: /<%= fieldValue.toLowerCase() %>/i })).toBeInTheDocument()
<%_ } _%><%_ } _%>

<%_
for (const relationship of relationshipFields) {
if (relationship.otherEntityUser) {
_%>
expect(screen.getByRole('cell', { name: /admin/i })).toBeInTheDocument()
<%_
} else {
if (relationship.relationshipManyToMany) {
_%>
<%_
} else {
_%>
expect(screen.getByRole('cell', { name: /<%= testId + 2000 %>/i })).toBeInTheDocument()
<%_
}
}
}
_%>

expect(screen.getByRole('row', { name: /<%= testId %>/i })).toBeInTheDocument()
expect(screen.getByRole('row', { name: /<%= testId + 1000 %>/i })).toBeInTheDocument()
})

it('should display inline action buttons', async () => {
render(<%= entityAngularName %>Table, {
<%= entityInstancePlural %>: [
{
id: <%= testId %>,
<%_
for (field of fields.filter(field => !field.id)) {
const fieldValue = !entityFakeData ? field.generateFakeData('cypress') : entityFakeData[field.fieldName];
if (fieldValue === undefined) {
warning(`Error generating a value for field ${field.fieldName}`);
}
_%>
<%_ if (field.fieldTypeBoolean) { _%>
<%= field.fieldName %>: true,
<%_ } else if (field.fieldTypeBinary && field.blobContentTypeText) { _%>
<%= field.fieldName %>: 'some text data',
<%_ } else if (field.fieldTypeBinary && !field.blobContentTypeText) { _%>
<%= field.fieldName %>ContentType: 'image/png',
<%_ } else if (field.fieldTypeString || field.fieldTypeUUID) { _%>
<%= field.fieldName %>: '<%= fieldValue %>',
<%_ } else if (field.fieldTypeLocalDate) { _%>
<%= field.fieldName %>: '2022-03-10T10:08',
<%_ } else if (field.fieldTypeZonedDateTime) { _%>
<%= field.fieldName %>: '2022-04-10T10:08:00.000Z',
<%_ } else if (field.fieldTypeTimed) { _%>
<%= field.fieldName %>: '2022-05-10T10:08:00.000Z',
<%_ } else if (field.fieldTypeDuration) { _%>
<%= field.fieldName %>: 'PT0.000052484S',
<%_ } else if (field.fieldTypeNumeric) { _%>
<%= field.fieldName %>: <%= fieldValue %>,
<%_ } else { _%>
<%= field.fieldName %>: '<%= fieldValue %>',
<%_ } _%>
<%_ } _%>
<%_
for (const relationship of relationshipFields) {
if (relationship.otherEntityUser) {
_%>
user: {
login: 'admin',
}
<%_
} else {
if (relationship.relationshipManyToMany) {
_%>
<%_
} else {
_%>
<%= relationship.relationshipName %> : {
<%= relationship.otherEntityField %> : '<%= testId + 2000 %>'
}
<%_
}
}
}
_%>
},
],
})

expect(screen.getByRole('button', { name: /view/i })).toBeEnabled()
expect(screen.getByRole('button', { name: /view/i })).toHaveClass('hidden')
expect(screen.getByRole('button', { name: /edit/i })).toBeEnabled()
expect(screen.getByRole('button', { name: /edit/i })).toHaveClass('hidden')

const button = screen.getByRole('button', { name: /delete/i })
expect(button).toBeEnabled()
expect(button).toHaveClass('hidden')

await fireEvent.mouseEnter(screen.getByRole('row', { name: /<%= testId %>/i }))
expect(button).not.toHaveClass('hidden')
})
2 changes: 2 additions & 0 deletions ...y-client/templates/svelte/src/main/webapp/app/lib/entities/entity/entity-table.svelte.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,9 @@ const containsRelationshipField = relationshipFields && relationshipFields.lengt
_%>
<script>
import <%= entityAngularName %>ListActions from '$lib/entities/<%= entityFolderName %>/<%= entityFileName %>-list-actions.svelte'
<%_ if (!paginationNo) { _%>
import Sort from 'jhipster-svelte-library/table/sort.svelte'
<%_ } _%>
import Table from 'jhipster-svelte-library/table/table.svelte'
import TableData from 'jhipster-svelte-library/table/table-data.svelte'
import TableHeader from 'jhipster-svelte-library/table/table-header.svelte'
Expand Down