一、语雀代码块搜索
语雀中代码块具备搜索功能,可以通过快捷键“Ctrl+K”调出搜索框,并在其中输入关键词,快速找到想要的代码块。除此之外,还可以通过语雀中的全局搜索栏进行代码块的搜索,输入关键词后点击“代码块”选项,即可过滤出包含该关键词的代码块。
//检查搜索栏是否出现
cy.get('.editMenu').click()
cy.get('.menu').should('be.visible')
//点击搜索栏
cy.get('.searchButton').click()
cy.url().should('contain', '/search?categoryIds=316&itemId=')
以上是一个 Cypress 的测试脚本示例,用于验证语雀中搜索栏是否正常显示,并检验搜索功能是否完好。
二、语雀代码块能运行吗
语雀代码块默认是无法直接运行的,需要将其复制到对应的编辑器中进行运行。不过,语雀提供了“Run Code”插件,可以实现代码块的运行。该插件的使用需安装 Node.js 环境并在语雀中进行相关的配置。
{"scripts": {"test": "cypress run", "build": "cypress run --record"}}
以上是一个 package.json 文件示例,用于配置 Cypress 的脚本命令。运行 "npm run test" 命令即可执行 Cypress 测试脚本。
三、语雀代码块多色
语雀的代码块支持多色主题,使用起来很方便。在编辑页面选择代码块后,在代码块的右上角弹出“样式”选项,可以选择代码块的主题色。支持的主题有 Default、Darcula、GitHub、Monokai、Solarized Light、Solarized Dark、Tomorrow、VS、Xcode。
//首页展示语雀默认样式
cy.get('.hljs-string').eq(0).should('contain', 'NCP1000')
cy.get('.hljs-string').eq(1).should('contain', 'https://oss.fundebug.com')
cy.get('.hljs-comment').should('contain', 'This is comment line.')
以上是一个 Cypress 的测试脚本示例,用于检验语雀中多色主题样式的正确性。
四、语雀代码块设置
语雀中的代码块还有一些其他的设置,例如代码块默认显示行数、是否自动换行、是否展示行号、是否开启语法高亮等功能。通过在编辑页面中选择代码块并点击“样式”选项中的“设置”按钮,即可进行相关设置。
//页面加载完后判断 CodeMirror 能否正常渲染
cy.get('.CodeMirror-line').eq(0).should('contain', 'import fundebug from \'fundebug-javascript\';')
以上是一个 Cypress 的测试脚本示例,用于验证语雀中的代码块能否正常渲染并实现相关设置的功能。
五、语雀代码块快捷
语雀中的代码块有很多快捷键,例如在编辑页面按下“Tab”键可以实现缩进,按下“Shift+Enter”键可以实现“Ctrl+Enter”键的所有功能,还有“Ctrl+Alt+Up/Down”键可以实现对所选文本的上移和下移操作。
it('Shift+Enter 实现插入代码块并换行', () => {
cy.get('#editor-context-menu').click()
cy.contains('插入代码块').click()
cy.get('.CodeMirror-line').eq(2).type('test')
cy.get('.CodeMirror-line').eq(2).type('{shift}{enter}')
cy.get('.CodeMirror-line').eq(3).type('test')
})
以上是一个 Cypress 的测试脚本示例,用于验证语雀中的快捷键“Shift+Enter”是否能够实现插入代码块并换行的功能。
六、语雀代码块教程
语雀中提供了代码块的文档教程,详细介绍了代码块的相关功能和用法,并提供了大量的示例代码。教程可以通过打开语雀编辑页面后,在代码块的右下角点击“文档”按钮进行访问。
npm install cypress --save-dev
以上是一个安装 Cypress 的命令,该命令可以用于在项目中引入 Cypress 来进行自动化测试。
七、语雀代码块快捷键
语雀代码块有很多快捷键,例如“Ctrl+Enter”键可以实现保存和退出等功能,还有“Ctrl+Alt+C”键可以实现复制代码块的功能。
it('Ctrl+Enter 实现代码块保存并退出', () => {
cy.get('.CodeMirror-line').eq(1).type('test')
cy.get('.CodeMirror-line').eq(1).type('{ctrl}{enter}')
cy.get('.editorModule').should('not.exist')
})
以上是一个 Cypress 的测试脚本示例,用于验证语雀中的快捷键“Ctrl+Enter”是否能够实现代码块的保存并退出的功能。
八、语雀代码块怎么改成黑色背景
语雀中的代码块背景色可以通过修改主题来实现。具体步骤是打开编辑页面后,在代码块的右下角点击“样式”选项,选择“设置”,在下拉框中选择“Darcula”主题即可将代码块背景色改为黑色。
cy.get('.cm-s-okaidia.CodeMirror').should('have.css', 'background-color', 'rgb(40, 42, 54)')
以上是一个 Cypress 的测试脚本示例,用于验证语雀中的“Darcula”主题是否能实现代码块背景为黑色的效果。
九、语雀怎么写代码
要在语雀中写代码,只需要在编辑页面中选择“代码块”工具,然后输入代码即可。代码块可以设置语言类型、主题等属性,还支持多种快捷键。写好的代码可以在语雀中进行保存、复制、搜索等操作。
describe('测试用例名称', () => {
it('测试用例1名称', () => {
//测试代码
})
it('测试用例2名称', () => {
//测试代码
})
})
以上是一个 Cypress 的测试用例模板,可以在语雀代码块中直接使用。