1.python + appium +图片对比实现UI自动化：

背景：

当手机需要适配不同的语言时，测试过程中易出现因为语言不熟悉，导致UIbug被遗漏(例如setting中的描述性文字显示不完整等等问题)

环境搭建：

需使用模块PIL，Windows版本链接地址：http://pythonware.com/products/pil/

ubuntu (使用16.04虚拟机):sudo apt-get install python-imaging

安装过程遭遇

Unable to acquire the dpkg frontend lock (/var/lib/dpkg/lock-frontend), is another process using it?

强制解锁进行的下一步

sudo rm /var/cache/apt/archives/lock

sudo rm /var/lib/dpkg/lock

各种小毛病：

安装PIL模块提示python2.7没有注册，解决方法：

https://www.cnblogs.com/thinksasa/p/3283695.html

虚拟机连接手机提示没有权限的问题：

在root账号下，kill-server 然后start-server

在win7 64位会报错：tThe _imaging C module is not installed，安装64位的PIL可解决，

https://www.lfd.uci.edu/~gohlke/pythonlibs/#pillow

安装后在python下执行import ImageFon，不报错就OK。安装过程各种不爽，用python3.6搭配64位的PIL在Windows下成功执行(上面的网址可以下载)

在使用ImageChops.difference函数时，部分结果图片显示为一张网格图，导致压根看不到两张图的差异，结合如下链接

https://blog.csdn.net/qq_41500251/article/details/82919656

对图片进行取反，使得结果可见

逻辑梳理：

保存已确认过的UI截图，在测试时将当前页面进行截图，与保存的期望截图做对比

问题一

期望结果截图和测试结果截图时间不同，当前已运行的程序不同，会导致状态栏显示不同，并且有时候navigation bar也会不一样(Android P手机倾斜时，出现一个转屏操作按钮)

方案：将图片进行裁剪，只保留需要对比的部分。

截图使用到如下模块：

im = Image.open(im_path)

cropedIm = im.crop((700, 100, 1200, 1000))#此处为(左，上，右，下)坐标

cropedIm.save(r'C:\Users\Administrator\Desktop\cropped.png')

https://www.cnblogs.com/sun-haiyu/p/7127582.html

#在不同的机种上需要重新适配截图的大小

目录结构：

-----------

├─WlanUi.py 主程序，负责测试报告生成

│ └─Test_case 存放测试case

│ └─test_Network01.py

├─DesiredResult 此处存放期望结果图片

│ ├─test_NetworkEN01.png

│ └─test_NetworkEN02.png

├─DiffPicture 当期望结果和世界结果不同时，生成一张差分图，存放于此路径

├─testReport 测试报告(.html)

├─testResult实际测试结果截图

├─readme.md

代码：

test_Network01.py

#coding=utf-8

#python3

import unittest

from appium import webdriver

import time

import os

from PIL import Image

from PIL import ImageChops

#如下导入解决‘image file is truncated’问题

from PIL import ImageFile

ImageFile.LOAD_TRUNCATED_IMAGES = True

PATH = lambda p: os.path.abspath(p)

def screenshot(testcase):

path = PATH(os.getcwd() + "/TestResult")

if not os.path.isdir(PATH(os.getcwd() + "/TestResult")):

os.makedirs(path)

os.popen("adb wait-for-device")

time.sleep(1)#由于多次出现截图延迟现象(每次截图都截的是上次操作的画面)，故此处设置一个等待

os.popen("adb shell screencap -p /data/local/tmp/tmp.png")

time.sleep(1)

os.popen("adb pull /data/local/tmp/tmp.png " + PATH(path + "/" + testcase + '.png'))

time.sleep(1)

os.popen("adb shell rm /data/local/tmp/tmp.png")

time.sleep(1)

im = Image.open(PATH(path + "/" + testcase + '.png'))

cropedIm = im.crop((0, 70, 1079,2080 ))

cropedIm.save(PATH(path + "/" + testcase + '.png'))

def compare_images(path_one, path_two, diff_save_location):

"""

比较图片，如果有不同则生成展示不同的图片

@参数一: path_one: 第一张图片的路径

@参数二: path_two: 第二张图片的路径

@参数三: diff_save_location: 不同图的保存路径

"""

image_one = Image.open(path_one)

image_two = Image.open(path_two)

try:

diff = ImageChops.difference(image_one, image_two)

if diff.getbbox() is None:

# 图片间没有任何不同则直接退出

return True

else:

diff.save(diff_save_location)

return False

except ValueError as e:

text = ("表示图片大小和box对应的宽度不一致，参考API说明：Pastes another image into this image."

"The box argument is either a 2-tuple giving the upper left corner, a 4-tuple defining the left, upper, "

"right, and lower pixel coordinate, or None (same as (0, 0)). If a 4-tuple is given, the size of the pasted "

"image must match the size of the region.使用2纬的box避免上述问题")

print("【{0}】{1}".format(e,text))

class Test(unittest.TestCase):

def setUp(self):

#appium 固定设置，沿用之前的即可

self.desired_caps = {}

self.desired_caps['platformName'] = 'Android'

self.desired_caps['platformVersion'] = '9'

self.desired_caps['deviceName'] = 'Android Emulator'

self.desired_caps['appPackage'] = 'com.android.settings'

self.desired_caps['appActivity'] = '.Settings$NetworkDashboardActivity'

self.desired_caps['noReset'] = 'true'

self.driver = webdriver.Remote('http://localhost:4723/wd/hub', self.desired_caps)

def test01(self):

'''Network & internetEN01'''

driver = self.driver

driver.wait_activity(".Settings$NetworkDashboardActivity", 30)

screenshot('test_NetworkEN01')

driver.find_element_by_xpath("//*[@text='Advanced']").click()

time.sleep(2)

#讲道理这个截图应该放到test02里面的，只是跑逻辑，就懒得改了

screenshot('test_NetworkEN02')

time.sleep(5)

#下面这个可以用参数来写，会显得短一些，懒得改了

ac = compare_images('./TestResult/test_NetworkEN01.png','./DesiredResult/test_NetworkEN01.png','./DiffPicture/test_NetworkEN01.png')

self.assertEqual(ac, True)

def test02(self):

'''Network & internetEN02'''

bc = compare_images('./TestResult/test_NetworkEN02.png','./DesiredResult/test_NetworkEN02.png','./DiffPicture/test_NetworkEN02.png')

self.assertEqual(bc, True)

#clear envirment

def tearDown(self):

#self.assertTrue(ac != preStatus)

self.driver.quit()

if __name__ == '__main__':

unittest.main()

WlanUi.py

#coding=utf-8

import time

import unittest

from HTMLTestRunner import HTMLTestRunner

import os

if __name__=='__main__':

print ('=====AutoTest Start======')

test_dir = './Test_case/'

#知道测试报告的路径

test_report_dir='./testReport/'

PATH = lambda p: os.path.abspath(p)

if not os.path.isdir(PATH(os.getcwd() + "/testReport")):

os.makedirs(test_report_dir)

discover=unittest.defaultTestLoader.discover(test_dir, pattern='test_*.py')

now=time.strftime('%Y-%m-%d_%H_%M_%S_')

filename = test_report_dir+'/'+ now + 'result.html'

fp=open(filename ,'wb')

runner = HTMLTestRunner(stream=fp,title=u'测试报告',description=u'用例执行情况：')

runner.run(discover)

#注意：调用函数一定要加括号，一个括号害死个人，哎，查了几天的问题，才发现导致html文件始终显示空白，就是因为close函数调用不正确，漏了括号。

fp.close()

#2.取最新测试报告

# new_report=new_file(test_report_dir)

#调试用的

# print new_report

#3.发送邮件，发送最新测试报告html

# send_email(new_report)

print('=====AutoTest Over======')

time.sleep(10)

    

左侧是原始截图，右侧是截取的对比区域

初次实现时， ImageChops.difference得到的截图基本上看不清差异点，见下图：

 

左侧有张图，但是看不清，使用ImageChops.invert 后变成这样了

代码：

def invert(im1):

IM = Image.open(im1)

im3 = ImageChops.invert(IM)

im3.save('./DesiredResult/test_NetworkEN04.png')

im3.close()

拼凑代码查了多方资料，实在罗列不出各大大的链接，见谅！！

初次写总结，感觉不怎么流畅，啥都想写，尴尬得一撇

'''

以下为临时笔记，备忘：

2.文件名以路径首单词为名字命名，eg:Sound/Display/Battery and so on

如下链接详细介绍了ImageChops的使用

https://blog.csdn.net/icamera0/article/details/50727599

'''