【问题标题】:How to customize allure report title and logo如何自定义魅力报告标题和徽标
【发布时间】:2018-02-09 15:38:15
【问题描述】:

下面附上通过 allure 生成的魅力报告图片。想用我自己的标题和徽标而不是 ALLURE REPORT 和默认徽标自定义报告标题和徽标(图像以黄色突出显示)。感谢您的帮助。

【问题讨论】:

    标签: allure


    【解决方案1】:

    要更改徽标,您应该将 custom-logo-puglin 放入 puglins 文件夹:

    编辑 styles.css 文件并将图像引用更改为您自己的文件。

    在jenkins中自定义每个项目的plugins文件夹放在这里:

    如果您想更改所有项目的文件夹是:

    我推荐你user manual

    【讨论】:

    • 您将如何自定义集成到 Jenkins 中的 Allure 报告?我没有看到与您的屏幕截图相同的文件结构。
    • 项目被放到了 hide .jenkins -> workspace -> projectname -> .allure 我要把图片添加到我的答案中
    【解决方案2】:

    标题更改

    我通过从 git 克隆存储库并构建了本地副本来更改标题。 (我使用的是 Windows 操作系统)。

    先决条件

    1. Gradle 版本 5.2.1-https://gradle.org/releases/
    2. 节点Js-https://nodejs.org/en/download/ -npm -6.4.1

    安装先决条件后,请按照以下步骤操作

    1. 访问https://github.com/allure-framework/allure2
    2. 克隆存储库 - 链接: https://github.com/allure-framework/allure2.git
    3. 假设存储库本地保存在 C:\allure2-2.10.0 下
    4. 导航到 C:\allure2-2.10.0\allure-generator\src\main\java\io\qameta\allure\summary
    5. 使用任何文本编辑器编辑SummaryPlugin.Java 文件

    6. 搜索setReportName("Allure Report");并更改为任何名称 你想给。示例 setReportName("Automation Report") 并保存该文件

    7. 导航到 C:\allure2-2.10.0\allure-generator
    8. 从此文件夹中打开命令提示符 (cmd)。键入 gradle build 并按回车键
    9. 等待几分钟,直到构建完成。大约需要 20 分钟。
    10. 导航到c:\allure2-2.10.0\allure-generator\build\libs
    11. 将新建的文件复制到build\libs文件夹allure-generator-2.10.0.jar文件中
    12. 我已经从https://docs.qameta.io/allure/#_manual_installation手动安装了
    13. 导航到 allure-2.10.0\allure-2.10.0\lib 并使用新创建的文件覆盖 allure-generator-2.10.0.jar 文件 gradle 构建文件夹

    Title change image screenshot


    徽标更改

    1. 我已经手动安装了
      https://docs.qameta.io/allure/#_manual_installation
    2. 导航到文件夹allure-2.10.0\allure-2.10.0\config
    3. 使用任何文本编辑器编辑名为 allure.yml 的文件
    4. 最后再添加一行,即在此处输入代码 - custom-logo-plugin 并保存文件以激活插件。 allure.yml screenshot
    5. 导航到allure-2.10.0\plugins\custom-logo-plugin\static 编辑 样式.css

      .side-nav__brand {
      background: url('yourlogo.svg') no-repeat left center !important;
      padding-left: 180px !important;
      margin-left: 10px;
      }
      
    6. 在同一个文件夹中放置你的 svg 文件或 png 图像文件

    7. 现在生成魅力报告。

    8. 标题和徽标都将根据您的需要进行更改。

      希望对您有所帮助!谢谢

    【讨论】:

    • 谢谢苏哈斯。它也对我有用。非常感谢您的时间和支持。
    【解决方案3】:

    在 custom-logo-plugin/static/styles.css 中添加“!important”到背景样式。通过该更改,自定义徽标插件应该可以工作。这只会替换徽标图像。

    您还可以通过对 .side-nav__brand-text 选择器使用“display:none”并为 .side-nav__brand 选择器添加高度来使用带有文本的徽标。在这种情况下,您的徽标应为 170 像素宽。

    【讨论】:

      【解决方案4】:

      由于以前的更改,allure 自定义徽标和报告名称/标题插件目前无法正常工作,您可以通过克隆源、修改它并构建本地副本并使用它来实现此目标,直到我们修复此类插件或提供新的替代方案。

      【讨论】:

      • 感谢您的反馈。我是新手。如果您可以将参考资料发给我,请不胜感激。
      • 正如您在文档中看到的那样,自定义 Allure 徽标没有问题
      【解决方案5】:

      我可能回答的有点晚了……

      关于报告标题,实际上它似乎在生成步骤中被硬编码。 查看“allure-generator/src/main/java/io/qameta/allure/summary”中的文件, 特别是 SummaryPlugin.java SummaryPlugin.java

      短期解决方案可能包括在“allure generate”和“allure open”之间编辑文件“allure-report/widgets/summary.json”。 summary.json

      长期而言,应该是在生成步骤中添加一个参数。

      【讨论】:

        猜你喜欢
        • 2022-10-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多