1000套微信小程序源码开源版附H5小游戏源码及商城源码

　　随着微信小程序功能和生态的日益完善，很多企业的产品业务逐渐从App扩展到微信小程序和微信公众号。随着小程序项目页面越来越多，业务逻辑越来越复杂，现有的小程序元源码数量和种类不能满足快速增长的业务需求。
　　
　　完整源码：casgams.top/gm
　　
　　但由于小程序本身的一些特性，业界缺乏成熟完善的解决方案，总会出现各种问题（包括腾讯微信官方提供的自动化工具）。今天我们要带来的是一些微信小程序自动化测试的最佳实践和经验，包括微信小程序的基本测试技术和操作方法，以及如何使用appium的WebView测试技术+ADB代理来完成微信小程序的自动化测试（可能是目前最实用的小程序自动测试技术），并附上PHP版源码。
　　
　　小程序源码运行环境

　　平台差异：虽然运行环境很相似，但还是有一些区别：
　　
　　JavaScript 语法和 API 支持不一致：从语法上来说，开发者可以通过开启 ES6 到 Es5 的功能来避免（详情）；此外，applet 基础库内置了必要的 Polyfill 来弥补 API 的差异。
　　
　　wxss渲染性能不一致：虽然开启样式补全可以避免大部分问题，但建议开发者需要分别在IOS和Android上查看小程序的真实性能。
　　
　　微信小程序技术架构
　　
　　微信小程序的技术架构如下图所示：

　　
　　使用 chrome 调试小程序
　　
　　使用Chrome浏览器提供的inspect分析工具，在浏览器中输入如下地址：
　　
　　chrome://inspect/#devices
　　
　　使用Chrome浏览器查看手机上打开的WebView进程和基本信息：
　　
　　可以使用chrome inspect来分析微信小程序的控制结构和布局：
　　
　　使用控制台执行您自己的 JavaScript 代码：
　　
　　小程序性能测试
　　
　　这里附上一个小程序性能测试图：

　　
　　微信小程序自动测试

　　
　　微信小程序自动测试关键步骤

　　1.原生自动化模式。
　　
　　●可以使用appium来完成。缺点是控制定位不够准确，无法深入小程序；
　　
　　2、WebView自动化模式：可以获得更多小程序内部质量数据。
　　
　　●设置正确的chromedriver版本
　　
　　●设置 chrome 选项并将其传递给 chromedriver
　　
　　●使用ADB代理解决修复chromedriver的bug
　　
　　3、为什么很多人还不确定？
　　
　　●低版本的chromedriver在高版本的手机上有bug
　　
　　●chromedriver与微信定制的chrome内核的连接实现有问题
　　
　　源码示例：

　　class TestWXMicroWebView:
　　#For demonstration convenience, page object mode is not used
　　def setup(self):
　　caps = {}
　　caps["platformName"] = "android"
　　Caps ["devicename"] = "programmer Yifan. Com"
　　caps["appPackage"] = "com.tencent.mm"
　　caps["appActivity"] = "com.tencent.mm.ui.LauncherUI"
　　caps["noReset"] = True
　　caps['unicodeKeyboard'] = True
　　caps['resetKeyboard'] = True
　　caps['chromedriverExecutable'] = \
　　'/Users/seveniruby/projects/chromedriver/chromedrivers/chromedriver_78.0.3904.11'
　　# options = ChromeOptions()
　　# options.add_experimental_option('androidProcess', 'com.tencent.mm:appbrand0')
　　caps['chromeOptions'] = {
　　'androidProcess': 'com.tencent.mm:appbrand0'
　　}
　　caps['adbPort'] = 5038
　　self.driver = webdriver.Remote("http://localhost:4723/wd/hub", caps)
　　self.driver.implicitly_wait(30)
　　self. driver. find_ Element (by. XPath, "// * [@ text = 'address book']")
　　self.driver.implicitly_wait(10)
　　self.enter_micro_program()
　　print(self.driver.contexts)
　　def enter_micro_program(self):
　　#Native automated testing
　　size = self.driver.get_window_size()
　　self.driver.swipe(size['width'] * 0.5, size['height'] * 0.4, size['width'] * 0.5, size['height'] * 0.9)
　　self.driver.find_element(By.CLASS_NAME, 'android.widget.EditText').click()
　　self. driver. find_ Element (by. XPath, "// * [@ text = 'Cancel'])
　　self. driver. find_ element(By.CLASS_NAME, "android.widget.EditText"). send_ Keys ("snowball")
　　self.driver.find_element(By.CLASS_NAME, 'android.widget.Button')
　　self.driver.find_element(By.CLASS_NAME, 'android.widget.Button').click()
　　self. driver. find_ Element (by. XPath, "// * [@ text = 'optional'])
　　def find_top_window(self):
　　for window in self.driver.window_handles:
　　print(window)
　　if ":VISIBLE" in self.driver.title:
　　print(self.driver.title)
　　else:
　　self.driver.switch_to.window(window)
　　def test_search_webview(self):
　　#Enter WebView
　　self.driver.switch_to.context('WEBVIEW_xweb')
　　self.driver.implicitly_wait(10)
　　self.find_top_window()
　　#CSS positioning
　　self.driver.find_element(By.CSS_SELECTOR, "[src*=stock_add]").click()
　　#Wait for new window
　　WebDriverWait(self.driver, 30).until(lambda x: len(self.driver.window_handles) > 2)
　　self.find_top_window()
　　self.driver.find_element(By.CSS_SELECTOR, "._input").click()
　　#Input
　　self.driver.switch_to.context("NATIVE_APP")
　　ActionChains(self.driver).send_keys("alibaba").perform()
　　#Click
　　self.driver.switch_to.context('WEBVIEW_xweb')
　　self.driver.find_element(By.CSS_SELECTOR, ".stock__item")
　　self.driver.find_element(By.CSS_SELECTOR, ".stock__item").click()

　　小程序自源码开发需要跨越的几个关卡：

　　●WebView 开关/x5内核调试开关
　　
　　●chromeoption选项需要填写
　　
　　●WebView版本和chromedriver版本对应问题
　　
　　●chrome驱动低版本需要修复ps命令的bug
　　
　　●上下文API有一定延迟，需要等待