整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Pycharm HTML和CSS集成

ycharm 支持HTML和CSS,可以为HTML提供完整标签。

1、emmet设置:用于HTML和CSS的识别

emmet包括各种功能,包括缩写预览、自动URL识别和编辑点,用于HTML和CSS的识别,设置方法如下:



2、输入时自动联想补全设置

在编写过程中,发现不能自动联想补全,做了如下设置后解决了该问题:

点击file->settings->Editor->Inspections,选择HTML,将右侧的Severity设置为Typo



3、JS Toolbox的安装

在编写过程中,发现不能自动联想补全,做了如下设置后解决了该问题:

点击file->settings->Plugins,搜索JS Toolbox,点击Installed,安装完成之后点击Apply,再点击ok,可能会让重启pychram,按照要求重启pychram就好了。

其实是在学习JS的时候发现pychram好像不能自动联想补全,然后在网上查了一些资料,我这边是把这三个都设置后,就可以自动补齐了,还在摸索阶段,仅供参考,若不能使用,可留言一起讨论[奸笑]


ytest提供了丰富的插件来扩展其功能,pytest-html插件帮助我们生成HTML格式的测试报告,为我们提供直观、有效的测试结果展示。

为了使用 pytest-html,需要满足以下条件:

· Python 3.6 或更高版本

pytest-html安装

使用pip命令安装: pip install pytest-html (安装在pytest工程所运行的python环境,python的安装目录或者虚拟环境目录,可以参考之前文章查看pycharm配置pytest运行环境)

通过pycharm安装:打开设置,按照如下图中安装插件(windows系统)

pycharm安装插件

pytest-html运行

在运行测试时,只需在 pytest 命令中添加 --html 参数,并指定生成的 HTML 报告的文件名。

我们通过pytest.main命令执行: 添加参数--html=report.html

pytest.main(["-s","-v","--html=report.html","C:/Users/wsybb520/PycharmProjects/pytest-test/test_dir1/test_case4.py"])

用例执行后显示生成测试报告:

在浏览器打开测试报告如下:

pytest-html报告添加额外内容

我们通过在报告对象上创建“extras”列表来向 HTML 报告添加详细信息。

以下是可以添加的额外内容类型:

类型

例子

HTML

extras.html('<div>Additional HTML</div>')

JSON

extras.json({'name': 'pytest'})

纯文本

extras.text('Add some simple Text')

网址

extras.url('http://www.example.com/')

图像

extras.image(image, mime_type='image/gif', extension='gif')

extras.png('/path/to/file.png')

extras.jpg('/path/to/file.jpg')

extras.svg('/path/to/file.svg')

视频

extras.video('/path/to/file.mp4')

extras.mp4('/path/to/file.mp4')

使用时先导入from pytest_html import extras

在测试用例中添加text,url,image等内容:

测试用例执行后结果如下: 文本和url和json需要单击链接查看,图片和视频直接展示。


共勉: 东汉·班固《汉书·枚乘传》:“泰山之管穿石,单极之绠断干。水非石之钻,索非木之锯,渐靡使之然也。”

-----指水滴不断地滴,可以滴穿石头;

-----比喻坚持不懈,集细微的力量也能成就难能的功劳。

----感谢读者的阅读和学习,谢谢大家

PyCharm 中进行 HTML 网站编程测试,可以通过以下的一个简单例子中的步骤来实现:

  1. 打开 PyCharm,创建一个新的项目,并选择 Flask 作为项目模板。Flask 是一个 Python 的 Web 框架,可以用于编写 Web 应用程序和 API。
  2. 在项目中创建一个新的 Python 文件,例如 app.py,并添加以下代码:
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

3. 这个代码定义了一个简单的 Flask 应用程序,当用户访问网站的根路径时,将渲染 index.html 页面并返回。

4. 在项目中创建一个名为 templates 的文件夹,并在其中创建一个名为 index.html 的文件。这个 HTML 文件可以包含任何你想要测试的网站内容。

5. 运行应用程序,点击 PyCharm 右上角的运行按钮,或使用快捷键 Shift+F10。在浏览器中访问 http://localhost:5000,即可查看你的网站内容。

6. 在 PyCharm 中进行调试和修改。可以在 app.py 中添加更多的路由和视图函数,以及在 index.html 中添加更多的 HTML 和 CSS 代码,来测试你的网站的不同功能和页面。

7. 进行单元测试。在 PyCharm 中可以使用 Python 的单元测试框架,例如 unittest 或 pytest,来编写和运行测试用例。可以编写测试用例来测试你的网站的不同功能,例如页面是否渲染正确,用户是否可以成功提交表单等等。

通过以上步骤,在 PyCharm 中可以很方便地进行 HTML 网站编程测试。同时,也可以使用 PyCharm 提供的其它功能,例如代码自动补全、代码调试、版本控制等等,来提高开发效率。