415 行
13 KiB
JavaScript
415 行
13 KiB
JavaScript
const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
|
|
const isMP = platformInfo.startsWith('mp')
|
|
const isIos = platformInfo.startsWith('ios')
|
|
const isDom2 = process.env.UNI_APP_X_DOM2 === 'true'
|
|
const isHarmony = platformInfo.startsWith('harmony')
|
|
const isWeb = platformInfo.startsWith('web')
|
|
const isAndroid = platformInfo.startsWith('android')
|
|
|
|
describe('editor-edit.uvue', () => {
|
|
const infos = process.env.uniTestPlatformInfo.split(' ');
|
|
const version = parseInt(infos[infos.length - 1]);
|
|
/**
|
|
* mp-weixin 自动化测试截图报错
|
|
*
|
|
* 暂时跳过相关平台的测试，后续根据平台能力完善测试用例
|
|
*/
|
|
if (isMP || (isDom2 && isIos) || (isAndroid && !isNaN(version) && version < 8)) {
|
|
it('skip', () => {
|
|
expect(1).toBe(1)
|
|
})
|
|
return
|
|
}
|
|
|
|
let page
|
|
let editor
|
|
|
|
const defaultFormats = {
|
|
bold: false,
|
|
italic: false,
|
|
underline: false,
|
|
strike: false,
|
|
blockquote: false,
|
|
codeBlock: false,
|
|
link: '',
|
|
header: 0,
|
|
list: '',
|
|
align: '',
|
|
textIndent: '',
|
|
marginLeft: '',
|
|
marginRight: '',
|
|
lineHeight: '',
|
|
letterSpacing: '',
|
|
fontFamily: '',
|
|
fontSize: '',
|
|
color: '',
|
|
backgroundColor: ''
|
|
}
|
|
|
|
async function loadPage() {
|
|
page = await program.reLaunch('/pages/component/editor/editor-edit')
|
|
await page.waitFor('view')
|
|
await waitForData('data.editorReadyTest', value => value === true, isWeb ? 4000 : 8000)
|
|
editor = await page.$('#editor')
|
|
await updateData({
|
|
autoTest: true
|
|
})
|
|
}
|
|
|
|
async function resetPageState() {
|
|
await page.callMethod('closeSheets')
|
|
await page.callMethod('resetFormatsForTest')
|
|
await updateData({
|
|
autoTest: true,
|
|
undoTest: false,
|
|
redoTest: false,
|
|
removeFormatTest: false,
|
|
insertImageTest: false,
|
|
blurTest: false,
|
|
clearTest: false,
|
|
getContentDeltaTest: null,
|
|
activeSheet: ''
|
|
})
|
|
await setEditorContents([
|
|
{ insert: '\n' }
|
|
])
|
|
}
|
|
|
|
async function waitForData(path, matcher, timeout = 3000) {
|
|
const start = Date.now()
|
|
await page.waitFor(async () => {
|
|
const value = await page.data(path)
|
|
return matcher(value) || (Date.now() - start > timeout)
|
|
})
|
|
}
|
|
|
|
async function updateData(partial) {
|
|
await page.setData({
|
|
data: partial
|
|
})
|
|
}
|
|
|
|
async function applyToolbarPresetState(preset) {
|
|
await page.callMethod('applyToolbarPresetForTest', preset)
|
|
}
|
|
|
|
async function openSheet(methodName, sheetName, titleText, subtitleText) {
|
|
await page.callMethod(methodName)
|
|
await waitForData('data.activeSheet', value => value === sheetName, 2000)
|
|
let currentTitle = ''
|
|
let currentSubtitle = ''
|
|
for (let i = 0; i < 10; i++) {
|
|
await page.waitFor(100)
|
|
currentTitle = await page.callMethod('getPanelTitle')
|
|
currentSubtitle = await page.callMethod('getPanelSubtitle')
|
|
if (currentTitle === titleText && currentSubtitle === subtitleText) {
|
|
break
|
|
}
|
|
}
|
|
expect(currentTitle).toBe(titleText)
|
|
expect(currentSubtitle).toBe(subtitleText)
|
|
}
|
|
|
|
async function closeSheet() {
|
|
await page.callMethod('closeSheets')
|
|
await waitForData('data.activeSheet', value => value === '', 2000)
|
|
}
|
|
|
|
async function waitForFlag(path, timeout = 3000) {
|
|
await waitForData(path, value => value === true, timeout)
|
|
expect(await page.data(path)).toBe(true)
|
|
}
|
|
|
|
async function waitForFormats(partial, timeout = 3000) {
|
|
const keys = Object.keys(partial)
|
|
await waitForData('data.formats', value => {
|
|
return keys.every(key => value != null && value[key] === partial[key])
|
|
}, timeout)
|
|
expect(await page.data('data.formats')).toMatchObject(partial)
|
|
}
|
|
|
|
async function waitForChecklistFormat(timeout = 3000) {
|
|
await waitForData('data.formats', value => {
|
|
return value != null && (value.list === 'check' || value.list === 'unchecked')
|
|
}, timeout)
|
|
const formats = await page.data('data.formats')
|
|
expect(['check', 'unchecked']).toContain(formats.list)
|
|
}
|
|
|
|
async function setBlur() {
|
|
await updateData({
|
|
blurTest: false
|
|
})
|
|
await page.callMethod('blur')
|
|
await waitForFlag('data.blurTest', 2000)
|
|
}
|
|
|
|
async function setEditorContents(ops) {
|
|
await page.callMethod('setContents', ops)
|
|
await page.waitFor(500)
|
|
}
|
|
|
|
async function getDelta() {
|
|
await updateData({
|
|
getContentDeltaTest: null
|
|
})
|
|
await page.callMethod('getCon')
|
|
await waitForData('data.getContentDeltaTest', value => value != null, 3000)
|
|
return await page.data('data.getContentDeltaTest')
|
|
}
|
|
|
|
beforeAll(async () => {
|
|
await loadPage()
|
|
})
|
|
|
|
beforeEach(async () => {
|
|
await resetPageState()
|
|
})
|
|
|
|
it('editor-wrapper', async () => {
|
|
expect(await page.data('data.activeSheet')).toBe('')
|
|
expect(await page.data('data.formats')).toEqual(defaultFormats)
|
|
if (isWeb) {
|
|
expect(await editor.attribute('placeholder')).toBe('请输入正文内容...')
|
|
}
|
|
expect(await program.screenshot({
|
|
fullPage: true
|
|
})).toSaveImageSnapshot()
|
|
})
|
|
|
|
it('editor-toolbar', async () => {
|
|
await openSheet('openMoreSheet', 'more', '更多操作', '插入与编辑快捷操作')
|
|
await openSheet('openTitleSheet', 'title', '设置标题', '当前为正文')
|
|
await openSheet('openStyleSheet', 'style', '设置字格式', '当前未设置字格式')
|
|
await openSheet('openTextColorSheet', 'text-color', '设置文字颜色', '当前使用默认文字颜色')
|
|
await openSheet('openBackgroundColorSheet', 'background-color', '设置背景颜色', '当前未设置文字背景颜色')
|
|
await openSheet('openLineHeightSheet', 'line-height', '设置行间距', '当前使用默认行间距')
|
|
await openSheet('openLetterSpacingSheet', 'letter-spacing', '设置字间距', '当前使用默认字间距')
|
|
await openSheet('openFontSizeSheet', 'font-size', '设置字号', '当前使用默认字号 17px')
|
|
await openSheet('openFontFamilySheet', 'font-family', '设置字体', '当前使用默认字体')
|
|
await openSheet('openAlignSheet', 'align', '对齐方式', '当前为默认对齐')
|
|
await openSheet('openBlockIndentSheet', 'block-indent', '设置两端缩进', '当前未设置两端缩进')
|
|
await openSheet('openListSheet', 'list', '设置列表', '当前未设置列表')
|
|
await closeSheet()
|
|
})
|
|
|
|
it('editor-screenshot', async () => {
|
|
// await openSheet('openStyleSheet', 'style', '设置字格式', '当前未设置字格式')
|
|
expect(await program.screenshot({
|
|
fullPage: true
|
|
})).toSaveImageSnapshot()
|
|
// await closeSheet()
|
|
})
|
|
|
|
it('title-toolbar-actions', async () => {
|
|
await applyToolbarPresetState('title-h2')
|
|
await waitForFormats({
|
|
header: 2,
|
|
list: ''
|
|
})
|
|
expect(await page.callMethod('getTitleSummary')).toBe('当前为大标题2')
|
|
await applyToolbarPresetState('title-h1')
|
|
await waitForFormats({
|
|
header: 1,
|
|
list: ''
|
|
})
|
|
expect(await page.callMethod('getTitleSummary')).toBe('当前为大标题1')
|
|
await page.callMethod('toggleCodeBlock')
|
|
await waitForFormats({
|
|
codeBlock: true,
|
|
header: 0,
|
|
list: ''
|
|
})
|
|
expect(await page.callMethod('getTitleSummary')).toBe('当前为代码块')
|
|
})
|
|
|
|
it('code-block-toolbar-actions', async () => {
|
|
await page.callMethod('toggleCodeBlock')
|
|
await waitForFormats({
|
|
codeBlock: true,
|
|
header: 0,
|
|
list: ''
|
|
})
|
|
expect(await page.callMethod('getTitleSummary')).toBe('当前为代码块')
|
|
await page.callMethod('setHeadingLevel', 2)
|
|
await waitForFormats({
|
|
codeBlock: false,
|
|
header: 2
|
|
})
|
|
expect(await page.callMethod('getTitleSummary')).toBe('当前为大标题2')
|
|
await page.callMethod('toggleCodeBlock')
|
|
await waitForFormats({
|
|
codeBlock: true,
|
|
header: 0
|
|
})
|
|
await page.callMethod('toggleCodeBlock')
|
|
await waitForFormats({
|
|
codeBlock: false,
|
|
header: 0,
|
|
list: ''
|
|
})
|
|
})
|
|
|
|
it('style-toolbar-actions', async () => {
|
|
await page.callMethod('toggleBold')
|
|
await page.callMethod('toggleItalic')
|
|
await page.callMethod('toggleUnderline')
|
|
await page.callMethod('toggleStrike')
|
|
await waitForFormats({
|
|
bold: true,
|
|
italic: true,
|
|
underline: true,
|
|
strike: true
|
|
})
|
|
await openSheet('openStyleSheet', 'style', '设置字格式', '加粗 / 斜体 / 下划线 / 删除线')
|
|
await page.callMethod('toggleBold')
|
|
await page.callMethod('toggleItalic')
|
|
await page.callMethod('toggleUnderline')
|
|
await page.callMethod('toggleStrike')
|
|
await waitForFormats({
|
|
bold: false,
|
|
italic: false,
|
|
underline: false,
|
|
strike: false
|
|
})
|
|
await closeSheet()
|
|
})
|
|
|
|
it('extended-style-toolbar-actions', async () => {
|
|
await page.callMethod('setTextColorAndClose', '#3553ff')
|
|
await waitForFormats({ color: '#3553ff' })
|
|
await openSheet('openTextColorSheet', 'text-color', '设置文字颜色', '当前文字颜色 #3553ff')
|
|
await page.callMethod('setBackgroundColorAndClose', '#fff7db')
|
|
await waitForFormats({ backgroundColor: '#fff7db' })
|
|
await openSheet('openBackgroundColorSheet', 'background-color', '设置背景颜色', '当前背景颜色 #fff7db')
|
|
await page.callMethod('setLineHeightAndClose', '1.8')
|
|
await page.callMethod('setLetterSpacingAndClose', '2px')
|
|
await page.callMethod('setFontSizeAndClose', '24px')
|
|
await page.callMethod('setFontFamilyAndClose', 'Georgia')
|
|
await waitForFormats({
|
|
lineHeight: '1.8',
|
|
letterSpacing: '2px',
|
|
fontSize: '24px',
|
|
fontFamily: 'Georgia'
|
|
})
|
|
await openSheet('openStyleSheet', 'style', '设置字格式', '行间距 1.8 / 字间距 2px / 字号 24px / 字体 Geo')
|
|
await closeSheet()
|
|
})
|
|
|
|
it('layout-toolbar-actions', async () => {
|
|
await page.callMethod('setAlignCenter')
|
|
await waitForFormats({ align: 'center' })
|
|
await openSheet('openAlignSheet', 'align', '对齐方式', '当前为居中')
|
|
await page.callMethod('toggleTextIndent')
|
|
await waitForFormats({ textIndent: '2em' })
|
|
await page.callMethod('setBlockIndentAndClose', '16px')
|
|
await waitForFormats({
|
|
marginLeft: '16px',
|
|
marginRight: '16px'
|
|
})
|
|
await openSheet('openBlockIndentSheet', 'block-indent', '设置两端缩进', '当前两端缩进 16px')
|
|
await closeSheet()
|
|
})
|
|
|
|
it('list-toolbar-actions', async () => {
|
|
await applyToolbarPresetState('list-bullet')
|
|
await waitForFormats({
|
|
header: 0,
|
|
list: 'bullet'
|
|
})
|
|
await openSheet('openListSheet', 'list', '设置列表', '当前列表 无序列表')
|
|
await closeSheet()
|
|
await applyToolbarPresetState('list-ordered')
|
|
await waitForFormats({
|
|
header: 0,
|
|
list: 'ordered'
|
|
})
|
|
await openSheet('openListSheet', 'list', '设置列表', '当前列表 有序列表')
|
|
await closeSheet()
|
|
await applyToolbarPresetState('list-unchecked')
|
|
await waitForChecklistFormat()
|
|
await applyToolbarPresetState('list-none')
|
|
await waitForFormats({ list: '' })
|
|
await closeSheet()
|
|
})
|
|
|
|
it('clear', async () => {
|
|
await setEditorContents([
|
|
{ insert: '清空前的内容' },
|
|
{ insert: '\n' }
|
|
])
|
|
await updateData({
|
|
clearTest: false
|
|
})
|
|
await page.callMethod('clear')
|
|
await waitForFlag('data.clearTest', 2000)
|
|
const delta = await getDelta()
|
|
const ops = Array.isArray(delta.ops) ? delta.ops : []
|
|
expect(ops.length <= 1).toBe(true)
|
|
if (ops.length === 1) {
|
|
expect(ops[0].insert).toBe('\n')
|
|
}
|
|
})
|
|
|
|
it('undo-redo', async () => {
|
|
await setEditorContents([
|
|
{ insert: '撤销重做验证' },
|
|
{ insert: '\n' }
|
|
])
|
|
await updateData({
|
|
undoTest: false,
|
|
redoTest: false
|
|
})
|
|
await page.callMethod('insertDivider')
|
|
await page.waitFor(500)
|
|
await page.callMethod('undo')
|
|
await waitForFlag('data.undoTest', 2000)
|
|
await page.callMethod('redo')
|
|
await waitForFlag('data.redoTest', 2000)
|
|
})
|
|
|
|
it('insertImage', async () => {
|
|
await updateData({
|
|
insertImageTest: false
|
|
})
|
|
await page.callMethod('insertImage', 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png')
|
|
await waitForFlag('data.insertImageTest', 5000)
|
|
const delta = await getDelta()
|
|
const ops = Array.isArray(delta.ops) ? delta.ops : []
|
|
const imageOp = ops.find(item => item.insert && typeof item.insert === 'object' && item.insert.image)
|
|
expect(Boolean(imageOp)).toBe(true)
|
|
})
|
|
|
|
it('insertImage-screenshot', async () => {
|
|
await updateData({
|
|
insertImageTest: false
|
|
})
|
|
await page.callMethod('insertImage', 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png')
|
|
await waitForFlag('data.insertImageTest', 5000)
|
|
await setBlur()
|
|
const waitTime = process.env.uniTestPlatformInfo.includes('firefox') ? 5000 : 2000
|
|
await page.waitFor(waitTime)
|
|
expect(await program.screenshot({
|
|
fullPage: true
|
|
})).toSaveImageSnapshot()
|
|
})
|
|
|
|
it('removeFormat', async () => {
|
|
await setEditorContents([
|
|
{
|
|
insert: '设置字体样式',
|
|
attributes: {
|
|
bold: true,
|
|
color: '#3553ff'
|
|
}
|
|
},
|
|
{ insert: '\n' }
|
|
])
|
|
await updateData({
|
|
removeFormatTest: false
|
|
})
|
|
await page.callMethod('removeFormat')
|
|
await waitForFlag('data.removeFormatTest', 2000)
|
|
})
|
|
})
|