TestComplete是是一一款款具具有有人人工工智智能能的的自自动动UI测测试试工工具具，，利利用用自自动动化化测测试试工工具具和和人人工工智智能能支支持持的的混混合合对对象象识识 别别引引擎擎，，轻轻松松 测测和和测测试试每每个个桌桌面面，，Web和和移移动动应应用用程程序序。。其中，TestComplete支持测试使用C++、C＃、 VB.NET 、Java、Delphi、C 现在我们可以运行简单测试来查看TestComplete如何模拟用户操作。在运行录制的测试之前，请确保它以与录制 相同的初始条件开始。在我们的示例中，为了启动我们测试的应用程序，我们在测试开始时使用Run TestedApp操作，因此测试将为我们启动它。或者，您可以从TestComplete IDE手动运行测试的应用程序。 要运行记录的测试，只需在测试编辑器工具栏上单击“运运行行测测试试”： 测试引擎将最小化TestComplete窗口并开始执行测试命令。在我们的例子中，测试将简单地重复您记录的操作。 需要注意的是，在测试执行期间，请勿移动鼠标或按键。您的操作可能会干扰TestComplete模拟的操作，并且测 试执行可能会出错。 测试执行结束后，TestComplete将恢复其窗口并显示测试结果。在下一步中，我们将分析它们。 关关于于测测试试运运行行中中的的注注意意事事项项 创建的测试不会编译为测试运行的可执行文件。我们可以直接从TestComplete运行测试。要在未安装TestComplete的计算 机上运行测试，可以使用名为TestExecute的资源友好型实用程序。 在测试执行期间，TestComplete会在屏幕的右上角显示一个指示符 （指示器显示消息，通知您模拟的测试操作）： TestComplete执行测试命令，直到测试结束。可以通过单击 “测测试试引引擎擎”工具栏上或指示器中的“ 停停止止”，或者 从“TestComplete”主菜单中选择“ 测测试试”>“停停止止”来随时停止执行。 当然，我们也可以单击“暂停”来暂停测试，在此期间可以执行所需的任何操作。 要启动测试，我们使用测试编辑器工具栏上的“运运行行测测试试”按钮。这只是运行测试的几种可能方式之一。您还可以从Project Explorer或其他测试运行测试。您还可以使用项目编辑器的“ 测测试试项项目目”页面来创建批处理运行。 如果你想继续了解TestComplete测试桌面程序教程或了解其他测试教程，可关注收藏我们哦~我们将为您带来最 新资讯！

近日，PowerBI已经更新为度量值可以支持作为图像URL来进行解析，参考：，这使得PowerBI在显示图标方面有了更多的可能性，本文来详细探讨这些可能性。

由于可以将度量值设置为图像URL，如下：

在矩阵中就可以显示由SVG形成的Sparkline效果：

本文将一步步来详细解释这些问题。

PowerBI 解析图形图像的原理

由于PowerBI是基于标准的Web技术，也就是兼容包括Html5等W3C定义的Web标准构建的，这里不去深究，只要知道其实在PowerBI里可以显示：

当然包括本文要说明的SVG图形。关键就在于一招：

关键在于：要明确告诉PowerBI系统你要显示的是什么，这在我们的基础系列教程里已经说明得很清楚，例如：地图、图像都是这样，这里就不再重复。

SVG是什么鬼，在现在的Web世界中越来越凸显这一标准的优势。关于SVG，我们只需要知道一件重要的事情即可：

从这点我们就可以知道SVG是可以通过文本来定义图形的。（XML也是文本，只不过是按照某种约定编写的文本，好让浏览器知道如何把文本解析成图形）

• SVG 用来定义用于网络的基于矢量的图形
• SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
• SVG 是万维网联盟的标准

越来越多的网站开始把logo之类的图标制作成SVG格式。

如果不给出答案，你可以猜到这个是什么吗？

这其实就是我们天天看到的：

由于这是纯文本定义出来的矢量图形，它可以在任何能够理解SVG标准的浏览器或设备上高清地显示。

不出意外，一些大型专业的网站都会使用SVG图形，PowerBI显然在此之列，我们在官网用查看元素去找到PowerBI的Logo就可以看到：

它们不是图片，而是直接在网页中用SVG定义出来的：

可以看出，这里完全使用文本定义出了PowerBI的Logo。

喜欢研究的伙伴可以搜索更多的资料，但这里将直接说明在PowerBI中是如何应用 SVG 的，那我们要回答：

我们将依次解释上述一连串问题，这也是符合一步步探索的自然而然的问题。

如果已经拥有了一张 SVG 图片，例如刚刚的 Excel.svg，我们将其用记事本打开，当然如果你可以用任何一种文本编辑器来打开，这里推荐使用 Visual Studio Code 作为数据分析师的文本编辑器。然后将内容复制进入PowerBI，如下：

我们用输入数据的方式将 Excel SVG文件的文本都放入，然后我们新建一个度量值：

可以看出我们使用 “data:image/svg+xml;utf8,” 与Excel的SVG文本进行了拼接，这是用PowerBI显示SVG的关键所在，然后设置该度量值的数据分类为图像URL，并用表格显示，如下：

将鼠标移动到该度量值上，可以看到背后就是一串文本定义。这就像在 PowerBI 官网显示了Logo一样。

值得重复强调的是，在 PowerBI 显示SVG的关键在于：

• 设置数据分类为图像URL

在搞清楚了PowerBI显示SVG的原理后，从web下载 SVG 图片并显示在PowerBI中其实并不难，步骤如下：

• 在任何网站找到感兴趣的图标，用浏览器的检查页面元素功能查看

• 用文本编辑器打开这个SVG图片

这里推荐一款软件，叫做：Inkscape，如下：

该软件免费开源且终极强大又支持中文，属于我们期待的完美软件品类，如下：

你可以将不同文件转为 SVG，也可以制作 SVG 文件。例如，我们将 Excel120 的logo文件是 png 格式导入并转为 SVG。利用完全一样的套路就可以显示 SVG 效果：

在知道了Inkscape以后，制作 SVG 也是很简单的事情，它和 PS 等图形图像处理软件是类似的，但制作专业的 SVG 还是需要一定的学习的，感兴趣的伙伴可以自己去研究了，对于我这种不适合美工的人就拖出来两个星星吧：

当然可以利用同样的套路保存并复制其中的文本到PowerBI中显示，如下：

在具备了以上基础之后，我们就可以进一步来玩高阶的玩法了，既然SVG只是文本，那其实我们可以通过程序自己来构建，我们查阅一些SVG的手册，不难发现：

打开脑洞的时间到了，我们发现了一些规律：

• 定义SVG的简单图形只需要很少的文本
• 定义的圆或者折线有些固定的关键参数，如：cx,cy定义了圆心，r定义了半径；points的序列定义了点

那么对于制作动态的 SVG 就可以理解为：

• 设置数据分类为图像URL
• SVG数据可以由实际数据动态计算得到

简单解释一下上述度量值的关键技巧：

• 意图按日期显示一条示意性的折线
• 归一化处理：将日期处理为x坐标从1到100
• 归一化处理：将度量值处理为y坐标从1到100
• 用绝对值转换为相对值实现上述归一化处理
• 按 SVG 显示折线点集的规律合并坐标点
• 注意：在SVG中，y是距离屏幕顶的距离，所以用100-y做处理

左边是矩阵中使用 Sparkine 度量值的效果，旁边是对应使用三个折线图的效果，说明 Sparkline 可以大致显示数据变化的趋势，将它放在矩阵中确实不失为一种非常酷的技巧。

通过本文我们彻底理解了在PowerBI中使用SVG的所有技巧和技术细节，这为我们构建更动态更丰富的可视化效果提供了新的思路。

怎么样，是不是很有趣，快到自己的工作中实践起来吧。