Підготовка контенту платформи Ring
Підготовка контенту платформи Ring
Підготовка контенту платформи Ring
Комплексна стратегія тестування для платформи Ring з unit тестами, інтеграційними тестами та end-to-end тестуванням.
Платформа Ring дотримується підходу піраміди тестування:
// jest.config.js
module.exports = {
testEnvironment: 'jsdom',
setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
testMatch: ['**/__tests__/**/*.test.{js,ts,tsx}'],
collectCoverageFrom: [
'src/**/*.{js,ts,tsx}',
'!src/**/*.d.ts'
]
}// tests/components/EntityCard.test.tsx
import { render, screen } from '@testing-library/react'
import { EntityCard } from '@/components/EntityCard'
describe('EntityCard', () => {
it('відображає інформацію про сутність правильно', () => {
const entity = {
id: '1',
name: 'Тестова Компанія',
type: 'technology'
}
render(<EntityCard entity={entity} />)
expect(screen.getByText('Тестова Компанія')).toBeInTheDocument()
expect(screen.getByText('technology')).toBeInTheDocument()
})
})// tests/api/entities.test.ts
import { POST } from '@/app/api/entities/route'
import { NextRequest } from 'next/server'
describe('/api/entities', () => {
it('створює сутність успішно', async () => {
const request = new NextRequest('http://localhost:3000/api/entities', {
method: 'POST',
body: JSON.stringify({
name: 'Тестова Сутність',
type: 'technology'
})
})
const response = await POST(request)
const data = await response.json()
expect(response.status).toBe(201)
expect(data.entity.name).toBe('Тестова Сутність')
})
})// playwright.config.ts
import { defineConfig } from '@playwright/test'
export default defineConfig({
testDir: './e2e',
use: {
baseURL: 'http://localhost:3000',
headless: true,
screenshot: 'only-on-failure'
},
projects: [
{ name: 'chromium', use: { ...devices['Desktop Chrome'] } },
{ name: 'firefox', use: { ...devices['Desktop Firefox'] } }
]
})// e2e/authentication.spec.ts
import { test, expect } from '@playwright/test'
test('користувач може увійти через Google', async ({ page }) => {
await page.goto('/')
await page.click('text=Увійти')
// Mock Google OAuth response
await page.route('**/api/auth/**', route => {
route.fulfill({
status: 200,
body: JSON.stringify({ user: { name: 'Тестовий Користувач' } })
})
})
await page.click('text=Увійти через Google')
await expect(page.locator('text=Ласкаво просимо, Тестовий Користувач')).toBeVisible()
})Unit тести Режим спостереження під час розробки Звіт про покриття E2E тести
npm run test
npm run test:watch
npm run test:coverage
npm run test:e2eПовна документація тестування незабаром.
Комплексна стратегія тестування для платформи Ring з unit тестами, інтеграційними тестами та end-to-end тестуванням.
Платформа Ring дотримується підходу піраміди тестування:
// jest.config.js
module.exports = {
testEnvironment: 'jsdom',
setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
testMatch: ['**/__tests__/**/*.test.{js,ts,tsx}'],
collectCoverageFrom: [
'src/**/*.{js,ts,tsx}',
'!src/**/*.d.ts'
]
}// tests/components/EntityCard.test.tsx
import { render, screen } from '@testing-library/react'
import { EntityCard } from '@/components/EntityCard'
describe('EntityCard', () => {
it('відображає інформацію про сутність правильно', () => {
const entity = {
id: '1',
name: 'Тестова Компанія',
type: 'technology'
}
render(<EntityCard entity={entity} />)
expect(screen.getByText('Тестова Компанія')).toBeInTheDocument()
expect(screen.getByText('technology')).toBeInTheDocument()
})
})// tests/api/entities.test.ts
import { POST } from '@/app/api/entities/route'
import { NextRequest } from 'next/server'
describe('/api/entities', () => {
it('створює сутність успішно', async () => {
const request = new NextRequest('http://localhost:3000/api/entities', {
method: 'POST',
body: JSON.stringify({
name: 'Тестова Сутність',
type: 'technology'
})
})
const response = await POST(request)
const data = await response.json()
expect(response.status).toBe(201)
expect(data.entity.name).toBe('Тестова Сутність')
})
})// playwright.config.ts
import { defineConfig } from '@playwright/test'
export default defineConfig({
testDir: './e2e',
use: {
baseURL: 'http://localhost:3000',
headless: true,
screenshot: 'only-on-failure'
},
projects: [
{ name: 'chromium', use: { ...devices['Desktop Chrome'] } },
{ name: 'firefox', use: { ...devices['Desktop Firefox'] } }
]
})// e2e/authentication.spec.ts
import { test, expect } from '@playwright/test'
test('користувач може увійти через Google', async ({ page }) => {
await page.goto('/')
await page.click('text=Увійти')
// Mock Google OAuth response
await page.route('**/api/auth/**', route => {
route.fulfill({
status: 200,
body: JSON.stringify({ user: { name: 'Тестовий Користувач' } })
})
})
await page.click('text=Увійти через Google')
await expect(page.locator('text=Ласкаво просимо, Тестовий Користувач')).toBeVisible()
})Unit тести Режим спостереження під час розробки Звіт про покриття E2E тести
npm run test
npm run test:watch
npm run test:coverage
npm run test:e2eПовна документація тестування незабаром.
Комплексна стратегія тестування для платформи Ring з unit тестами, інтеграційними тестами та end-to-end тестуванням.
Платформа Ring дотримується підходу піраміди тестування:
// jest.config.js
module.exports = {
testEnvironment: 'jsdom',
setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
testMatch: ['**/__tests__/**/*.test.{js,ts,tsx}'],
collectCoverageFrom: [
'src/**/*.{js,ts,tsx}',
'!src/**/*.d.ts'
]
}// tests/components/EntityCard.test.tsx
import { render, screen } from '@testing-library/react'
import { EntityCard } from '@/components/EntityCard'
describe('EntityCard', () => {
it('відображає інформацію про сутність правильно', () => {
const entity = {
id: '1',
name: 'Тестова Компанія',
type: 'technology'
}
render(<EntityCard entity={entity} />)
expect(screen.getByText('Тестова Компанія')).toBeInTheDocument()
expect(screen.getByText('technology')).toBeInTheDocument()
})
})// tests/api/entities.test.ts
import { POST } from '@/app/api/entities/route'
import { NextRequest } from 'next/server'
describe('/api/entities', () => {
it('створює сутність успішно', async () => {
const request = new NextRequest('http://localhost:3000/api/entities', {
method: 'POST',
body: JSON.stringify({
name: 'Тестова Сутність',
type: 'technology'
})
})
const response = await POST(request)
const data = await response.json()
expect(response.status).toBe(201)
expect(data.entity.name).toBe('Тестова Сутність')
})
})// playwright.config.ts
import { defineConfig } from '@playwright/test'
export default defineConfig({
testDir: './e2e',
use: {
baseURL: 'http://localhost:3000',
headless: true,
screenshot: 'only-on-failure'
},
projects: [
{ name: 'chromium', use: { ...devices['Desktop Chrome'] } },
{ name: 'firefox', use: { ...devices['Desktop Firefox'] } }
]
})// e2e/authentication.spec.ts
import { test, expect } from '@playwright/test'
test('користувач може увійти через Google', async ({ page }) => {
await page.goto('/')
await page.click('text=Увійти')
// Mock Google OAuth response
await page.route('**/api/auth/**', route => {
route.fulfill({
status: 200,
body: JSON.stringify({ user: { name: 'Тестовий Користувач' } })
})
})
await page.click('text=Увійти через Google')
await expect(page.locator('text=Ласкаво просимо, Тестовий Користувач')).toBeVisible()
})Unit тести Режим спостереження під час розробки Звіт про покриття E2E тести
npm run test
npm run test:watch
npm run test:coverage
npm run test:e2eПовна документація тестування незабаром.