利用Pillow給圖片添加劇點框(適用UI自動化測試)

• 效果圖

一個簡單的例子

• 安裝Pillow

在cmd窗口/終端輸入:

pip install pillow

若是被牆，下載巨慢的話，能夠臨時替換豆瓣源

pip install pillow -i https://pypi.douban.com/simple

• demo

from PIL import Image, ImageDraw2

image = Image.open(r"xxx.png")    # 原始圖片文件地址
draw = ImageDraw2.Draw(image)
pen = ImageDraw2.Pen("red", width=2)    # 線條寬度和顏色
draw.line([(2,2), (100,2), (100, 202), (2,202), (2,2)], pen)     # 畫線
image.save(r"xxx.png")            # 保存新的文件

爲啥是五個座標呢~
由於他實際上是畫線條，
依次是:
左上角-右上角-右下角-左下角-左上角，完成一個矩形。

UI自動化的應用

原由

因爲截圖是全屏且無着重點，爲了在自動化測試中一眼瞅到報錯的地方，因此配合上Pillow庫能夠達到劃重點的效果~

困難

1. 如今的框架, 報錯是用self.assertEqual等方法拋出異常，這裏邊並不包含WebElement元素，致使沒法獲取到元素的座標；
2. 當元素不可見或不存在時，沒法找到元素的座標，便沒法劃重點。

解決方案

1. 重寫assertEqual等方法
2. 遇到此種問題, 在圖中央顯示未找到元素或元素不可見

TODO

待補充，會放入webTest框架