tabshift/payload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: passing array fields test suite (#5383)

Browse Source 
* test: array tests passing except bulk update

* test: passing array fields test suite
This commit is contained in:
Patrik
2024-03-20 12:00:56 -04:00
committed by GitHub
parent 0dd0f39250
commit cb5d005e68
62 changed files with 227 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
test/fields/collections/Array/LabelComponent.tsx
View File

@@ -1,8 +1,13 @@
'use client'
import type { RowLabelComponent } from 'payload/types'
import React from 'react'
export const ArrayRowLabel: RowLabelComponent = ({ data }) => {
import { useRowLabel } from '../../../../packages/ui/src/forms/RowLabel/Context/index.js'
export const ArrayRowLabel: RowLabelComponent = () => {
const { data } = useRowLabel<{ title: string }>()
return (
<div style={{ color: 'coral', textTransform: 'uppercase' }}>{data.title || 'Untitled'}</div>
)

16
test/fields/collections/Array/index.ts
View File

@@ -112,22 +112,6 @@ const ArrayFields: CollectionConfig = {
],
type: 'array',
},
{
name: 'rowLabelAsFunction',
admin: {
components: {
RowLabel: ({ data }) => data.title,
},
description: 'Row labels rendered from a function.',
},
fields: [
{
name: 'title',
type: 'text',
},
],
type: 'array',
},
{
name: 'rowLabelAsComponent',
admin: {

46
test/fields/collections/Array/shared.ts
View File

@@ -1,7 +1,19 @@
import type { ArrayField } from '../../payload-types.js'
export const arrayDoc: Partial<ArrayField> = {
title: 'array doc 1',
arrayWithMinRows: [
{
text: 'first row',
},
{
text: 'second row',
},
],
collapsedArray: [
{
text: 'initialize collapsed',
},
],
items: [
{
text: 'first row',
@@ -22,11 +34,10 @@ export const arrayDoc: Partial<ArrayField> = {
text: 'sixth row',
},
],
collapsedArray: [
{
text: 'initialize collapsed',
},
],
title: 'array doc 1',
}
export const anotherArrayDoc: Partial<ArrayField> = {
arrayWithMinRows: [
{
text: 'first row',
@@ -35,10 +46,11 @@ export const arrayDoc: Partial<ArrayField> = {
text: 'second row',
},
],
}
export const anotherArrayDoc: Partial<ArrayField> = {
title: 'array doc 2',
collapsedArray: [
{
text: 'initialize collapsed',
},
],
items: [
{
text: 'first row',
@@ -50,17 +62,5 @@ export const anotherArrayDoc: Partial<ArrayField> = {
text: 'third row',
},
],
collapsedArray: [
{
text: 'initialize collapsed',
},
],
arrayWithMinRows: [
{
text: 'first row',
},
{
text: 'second row',
},
],
title: 'array doc 2',
}

1
test/fields/collections/Lexical/index.ts
View File

@@ -7,6 +7,7 @@ import {
UploadFeature,
lexicalEditor,
} from '@payloadcms/richtext-lexical'
import { lexicalFieldsSlug } from '../../slugs.js'
import {
ConditionalLayoutBlock,

1
test/fields/collections/LexicalMigrate/index.ts
View File

@@ -10,6 +10,7 @@ import {
lexicalEditor,
lexicalHTML,
} from '@payloadcms/richtext-lexical'
import { lexicalMigrateFieldsSlug } from '../../slugs.js'
import { getSimpleLexicalData } from './data.js'

3
test/fields/collections/RichText/index.ts
View File

@@ -1,6 +1,5 @@
import type { CollectionConfig } from 'payload/types'
import { lexicalHTML } from '../../../../packages/richtext-lexical/src/field/features/converters/html/field/index.js'
import {
BlocksFeature,
HTMLConverterFeature,
@@ -10,6 +9,8 @@ import {
lexicalEditor,
} from '@payloadcms/richtext-lexical'
import { slateEditor } from '@payloadcms/richtext-slate'
import { lexicalHTML } from '../../../../packages/richtext-lexical/src/field/features/converters/html/field/index.js'
import { richTextFieldsSlug } from '../../slugs.js'
import { RelationshipBlock, SelectFieldBlock, TextBlock, UploadAndRichTextBlock } from './blocks.js'

4
test/fields/collections/Upload/index.ts
View File

@@ -1,8 +1,8 @@
import type { CollectionConfig } from 'payload/types'
import path from 'path'
import { fileURLToPath } from 'url'
import type { CollectionConfig } from 'payload/types'
import { uploadsSlug } from '../../slugs.js'
const filename = fileURLToPath(import.meta.url)
const dirname = path.dirname(filename)

4
test/fields/collections/Upload2/index.ts
View File

@@ -1,8 +1,8 @@
import type { CollectionConfig } from 'payload/types'
import path from 'path'
import { fileURLToPath } from 'url'
import type { CollectionConfig } from 'payload/types'
import { uploads2Slug } from '../../slugs.js'
const filename = fileURLToPath(import.meta.url)
const dirname = path.dirname(filename)

4
test/fields/collections/Uploads3/index.ts
View File

@@ -1,8 +1,8 @@
import type { CollectionConfig } from 'payload/types'
import path from 'path'
import { fileURLToPath } from 'url'
import type { CollectionConfig } from 'payload/types'
import { uploads3Slug } from '../../slugs.js'
const filename = fileURLToPath(import.meta.url)
const dirname = path.dirname(filename)

41
test/fields/e2e.spec.ts
View File

@@ -234,7 +234,9 @@ describe('fields', () => {
await page.keyboard.press('Enter')
await page.click('#action-save', { delay: 100 })
await expect(page.locator('.Toastify')).toContainText('Please correct invalid fields')
await expect(page.locator('.Toastify')).toContainText(
'The following field is invalid: withMinRows',
)
})
})
@@ -698,17 +700,6 @@ describe('fields', () => {
await expect(field).toHaveValue('defaultValue')
})
test('should render RowLabel using a function', async () => {
const label = 'custom row label as function'
await page.goto(url.create)
await page.locator('#field-rowLabelAsFunction >> .array-field__add-row').click()
await page.locator('#field-rowLabelAsFunction__0__title').fill(label)
await wait(100)
const customRowLabel = page.locator('#rowLabelAsFunction-row-0 >> .row-label')
await expect(customRowLabel).toContainText(label)
})
test('should render RowLabel using a component', async () => {
const label = 'custom row label as component'
await page.goto(url.create)
@@ -717,7 +708,7 @@ describe('fields', () => {
await page.locator('#field-rowLabelAsComponent__0__title').fill(label)
await wait(100)
const customRowLabel = page.locator(
'#rowLabelAsComponent-row-0 >> .row-label :text("custom row label")',
'#rowLabelAsComponent-row-0 >> .array-field__row-header > :text("custom row label")',
)
await expect(customRowLabel).toHaveCSS('text-transform', 'uppercase')
})
@@ -733,7 +724,9 @@ describe('fields', () => {
await page.locator('#field-arrayWithMinRows >> .array-field__add-row').click()
await page.click('#action-save', { delay: 100 })
await expect(page.locator('.Toastify')).toContainText('Please correct invalid fields')
await expect(page.locator('.Toastify')).toContainText(
'The following field is invalid: arrayWithMinRows',
)
})
describe('row manipulation', () => {
@@ -744,11 +737,16 @@ describe('fields', () => {
const assertText3 = 'array row 3'
const assertGroupText3 = 'text in group in row 3'
await page.goto(url.create)
await page.locator('#field-potentiallyEmptyArray').scrollIntoViewIfNeeded()
await wait(300)
// Add 3 rows
await page.locator('#field-potentiallyEmptyArray > .array-field__add-row').click()
await wait(300)
await page.locator('#field-potentiallyEmptyArray > .array-field__add-row').click()
await wait(300)
await page.locator('#field-potentiallyEmptyArray > .array-field__add-row').click()
await wait(300)
// Fill out row 1
await page.locator('#field-potentiallyEmptyArray__0__text').fill(assertText0)
@@ -870,7 +868,7 @@ describe('fields', () => {
await page.goto(url.list)
await page.waitForSelector('.table > table > tbody > tr td.cell-title')
const rows = page.locator('.table > table > tbody > tr', {
has: page.locator('td.cell-title span', {
has: page.locator('td.cell-title a', {
hasText: 'for test',
}),
})
@@ -880,31 +878,34 @@ describe('fields', () => {
await rows
.nth(i)
.locator('td.cell-_select .checkbox-input__input > input[type="checkbox"]')
.check()
.click()
}
await page.locator('.edit-many__toggle').click()
await page.locator('.field-select .rs__control').click()
const arrayOption = page.locator('.rs__option', {
hasText: exactText('Items'),
hasText: 'Items',
})
await expect(arrayOption).toBeVisible()
await arrayOption.click()
const addRowButton = page.locator('#field-items > .btn.array-field__add-row')
await wait(200)
const addRowButton = page.locator('#field-items > .array-field__add-row')
await expect(addRowButton).toBeVisible()
await addRowButton.click()
await wait(200)
const targetInput = page.locator('#field-items__0__text')
const targetInput = page.locator('#field-items__2__text')
await expect(targetInput).toBeVisible()
await targetInput.fill(bulkText)
await page.locator('.form-submit button[type="submit"].edit-many__publish').click()
await page.locator('#edit-array-fields .form-submit .edit-many__save').click()
await expect(page.locator('.Toastify__toast--success')).toContainText(
'Updated 3 Array Fields successfully.',
)