用户端Web自动化测试-L2

已于 2024-01-22 12:13:37 修改
阅读量164 收藏
点赞数
分类专栏： # WEB自动化测试 文章标签： 前端
于 2023-08-22 16:52:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56444564/article/details/132289086
版权

目录：

  1. 高级定位-css
    1. css选择器概念
    2. css定位场景
    3. css相对定位的优点
    4. css定位的调试方法
    5. css基础语法
    6. css关系定位
    7. css顺序关系
  2. 高级定位-xpath
    1. xpath基本概念
    2. xpath定位场景
    3. xpath相对定位的优点
    4. xpath定位的调试方法
    5. xpath基础语法（包含关系）
    6. xpath顺序关系（索引）
    7. xpath高级用法
  3. 显式等待高级使用
    1. 显式等待原理
    2. 显式等待-expected_conditions
    3. 常见expected_conditions
    4. 显式等待-封装等待条件
    5. 显式等待-封装等待条件
  4. 高级控件交互方法
    1. 官网：
    2. ActionChains解析
    3. 键盘事件
    4. 键盘事件-使用shift实现大写
    5. 代码示例：
    6. 键盘事件-输入后回车
    7. 代码示例：
    8. 键盘事件-复制粘贴
    9. 鼠标事件
    10. 鼠标事件-双击
    11. 代码示例：
    12. 鼠标事件-拖动元素
    13. 代码示例：
    14. 鼠标事件-悬浮（下拉框）
    15. 滚轮/滚动操作
    16. 滚轮/滚动操作-滚动到元素
    17. 代码示例：
    18. 滚轮/滚动操作-根据坐标滚动
  5. 网页frame与多窗口处理
    1. 多窗口处理
    2. 多窗口处理流程
    3. 多窗⼜切换案例
    4. frame介绍
    5. 多frame切换
    6. frame未嵌套
    7. Frame嵌套
    8. 多frame切换案例
  6. 文件上传，弹框处理
    1. ⽂件上传
    2. ⽂件上传实例
    3. chrome开启debug模式
    4. 弹框处理机制
    5. alert窗⼜处理案例
  7. 自动化关键数据记录
    1. 什么是关键数据？
    2. 记录关键数据的作用
    3. 行为日志记录
    4. 代码示例：
    5. 步骤截图记录
    6. page_source记录
  8. 电子商务产品实战
    1. 产品分析:
    2. 测试用例分析
    3. 编写脚本思路：
    4. 前置后置
    5. 目录结构：
  9. 测试人论坛搜索功能实战
    1. 项目简介
    2. 具体操作内容：
    3. 场景描述
    4. 项目结构：

1.高级定位-css

css 选择器概念
  • css 选择器有自己的语法规则和表达式
  • css 定位通常分为绝对定位和相对定位
  • 和Xpath一起常用于UI自动化测试中的元素定位

CSS 常用的选择器_常用选择器_阿瞒有我良计15的博客-CSDN博客

css 定位场景
  • 支持web产品
  • 支持app端的webview
 css 相对定位的优点
  • 可维护性更强
  • 语法更加简洁
  • 解决各种复杂的定位场景
# 绝对定位
$("#ember63 > td.main-link.clearfix.topic-list-data > span > span > a")
# 相对定位
$("#ember63 [title='新话题']")
css 定位的调试方法
  • 进入浏览器的console
  • 输入:
    • $("css表达式")
    • 或者$$("css表达式")
 css基础语法
类型表达式
标签标签名
类.class属性值
ID#id属性值
属性[属性名='属性值']
//在console中的写法
// https://www.baidu.com/
//标签名
$('input')
//.类属性值
$('.s_ipt')
//#id属性值
$('#kw')
//[属性名='属性值']
$('[name="wd"]')
 css关系定位
类型格式
并集元素,元素
邻近兄弟（了解即可）元素+元素
兄弟（了解即可）元素1~元素2
父子元素>元素
后代元素 元素
//在console中的写法

//元素,元素
$('.bg,.s_ipt_wr,.new-pmd,.quickdelete-wrap')

//元素+元素，了解即可
$('.soutu-btn+input')

//元素1~元素2，了解即可
$('.soutu-btn~i')

//元素>元素
$('#s_kw_wrap>input')

//元素 元素
$('#form input')
 css 顺序关系
类型格式
父子关系+顺序元素 元素
父子关系+标签类型+顺序元素 元素
//:nth-child(n)
$('#form>input:nth-child(2)')
//:nth-of-type(n)
$('#form>input:nth-of-type(1)')

2.高级定位-xpath

xpath基本概念
  • XPath 是一门在 XML 文档中查找信息的语言
  • XPath 使用路径表达式在 XML 文档中进行导航
  • XPath 的应用非常广泛
  • XPath 可以应用在UI自动化测试
xpath 定位场景
  • web自动化测试
  • app自动化测试
 xpath 相对定位的优点
  • 可维护性更强
  • 语法更加简洁
  • 相比于css可以支持更多的方式

# 复制的绝对定位
$x('//*[@id="ember75"]/td[1]/span/a')
# 编写的相对行为
$x("//*[text()='技术分享 | SeleniumIDE用例录制']")
xpath 定位的调试方法
  • 浏览器-console
    • $x("xpath表达式")
  • 浏览器-elements
    • ctrl+f 输入xpath或者css
xpath 基础语法（包含关系）
表达式结果
/从该节点的子元素选取
//从该节点的子孙元素选取
*通配符
nodename选取此节点的所有子节点
..选取当前节点的父节点
@选取属性
# 整个页面
$x("/")
# 页面中的所有的子元素
$x("/*")
# 整个页面中的所有元素
$x("//*")
# 查找页面上面所有的div标签节点
$x("//div")
# 查找id属性为site-logo的节点
$x('//*[@id="site-logo"]')
# 查找节点的父节点
$x('//*[@id="site-logo"]/..')
xpath 顺序关系（索引）
  • xpath通过索引直接获取对应元素
# 获取此节点下的所有的li元素
$x("//*[@id='ember21']//li")
# 获取此节点下【所有的节点的】第一个li元素
$x("//*[@id='ember21']//li[1]")
xpath 高级用法
  • [last()]: 选取最后一个
  • [@属性名='属性值' and @属性名='属性值']: 与关系
  • [@属性名='属性值' or @属性名='属性值']: 或关系
  • [text()='文本信息']: 根据文本信息定位
  • [contains(text(),'文本信息')]: 根据文本信息包含定位
  • 注意：所有的表达式需要和[]结合
# 选取最后一个input标签
//input[last()]
# 选取属性name的值为passward并且属性pwd的值为123456的input标签
//input[@name='passward' and @pwd='123456']
# 选取属性name的值为passward或属性pwd的值为123456的input标签
//input[@name='passward' or @pwd='123456']
# 选取所有文本信息为'hello world'的元素
//*[text()='hello world']
# 选取所有文本信息包'hello'的元素
//*[contains(text(),'hello')]

3.显式等待高级使用

显式等待原理
  • 在代码中定义等待一定条件发生后再进一步执行代码
  • 在最长等待时间内循环执行结束条件的函数
  • WebDriverWait(driver 实例, 最长等待时间, 轮询时间).until(结束条件函数)

显式等待-expected_conditions
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait


def test_wait_until():
    driver = webdriver.Chrome()
    driver.get("https://vip.ceshiren.com/#/ui_study")
    WebDriverWait(driver, 10, 0.5).until(expected_conditions.element_to_be_clickable((By.CSS_SELECTOR, '#success_btn')))
    driver.find_element(By.CSS_SELECTOR, "#success_btn").click()
常见 expected_conditions
类型示例方法说明
elementelement_to_be_clickable()
visibility_of_element_located()		针对于元素，比如判断元素是否可以点击，或者元素是否可见
urlurl_contains()针对于 url
titletitle_is()针对于标题
frameframe_to_be_available_and_switch_to_it(locator)针对于 frame
alertalert_is_present()针对于弹窗
显式等待-封装等待条件
  • 官方的 excepted_conditions 不可能覆盖所有场景
  • 定制封装条件会更加灵活、可控
 显式等待-封装等待条件
import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions


class TestWebdriverWait:
    def setup(self):
        self.driver = webdriver.Chrome()
        self.driver.maximize_window()
        self.driver.implicitly_wait(5)
        self.driver.get("https://vip.ceshiren.com/#/ui_study")

    def teardown(self):
        self.driver.quit()

    def test_wait_until(self):
        WebDriverWait(self.driver, 10, 0.5).until(
            expected_conditions.element_to_be_clickable((By.CSS_SELECTOR, '#success_btn')))
        self.driver.find_element(By.CSS_SELECTOR, "#success_btn").click()

    def test_webdriver_wait(self):
        # 解决的问题：有的按钮点击一次没有反应，可能要点击多次，比如企业微信的添加成员
        # 解决的方案：一直点击按钮，直到下个页面出现，封装成显式等待的一个条件
        def muliti_click(button_element, until_ele):
            # 函数封装
            def inner(driver):
                # 封装点击方法
                driver.find_element(By.XPATH, button_element).click()
                return driver.find_element(By.XPATH, until_ele)

            return inner

        time.sleep(5)
        # 在限制时间内会一直点击按钮，直到展示弹框
        WebDriverWait(self.driver, 10).until(muliti_click("//*[text()='点击两次响应']", "//*[text()='该弹框点击两次后才会弹出']"))
        time.sleep(5)

4.高级控件交互方法

使用场景对应事件
复制粘贴键盘事件
拖动元素到某个位置鼠标事件
鼠标悬停鼠标事件
滚动到某个元素滚动事件
使用触控笔点击触控笔事件（了解即可）
官网：

https://www.selenium.dev/documentation/webdriver/actions_api

ActionChains解析
  • 实例化类ActionChains，参数为driver实例。
  • 中间可以有多个操作。
  • .perform()代表确定执行。
ActionChains(self.driver).操作.perform()
 键盘事件
键盘事件-使用shift实现大写
  • ActionChains(self.driver): 实例化ActionChains类
  • key_down(Keys.SHIFT, ele): 按下shift键实现大写
  • send_keys("selenium"): 输入大写的selenium
  • perform(): 确认执行
代码示例：
import time

from selenium import webdriver
from selenium.webdriver import ActionChains, Keys
from selenium.webdriver.common.by import By


class TestKeyBoardDemo:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_key_down_up(self):
        self.driver.get("https://ceshiren.com/")
        self.driver.find_element(By.ID, "search-button").click()
        ele = self.driver.find_element(By.ID, "search-term")
        ActionChains(self.driver).key_down(Keys.SHIFT, ele).send_keys("selenium").perform()
        time.sleep(2)
键盘事件-输入后回车
  • 直接输入回车: 元素.send_keys(Keys.ENTER)
  • 使用ActionChains: key_down(Keys.ENTER)
 代码示例：
import time

from selenium import webdriver
from selenium.webdriver import ActionChains, Keys
from selenium.webdriver.common.by import By


class TestKeyBoardDemo:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_key_down_up(self):
        self.driver.get("https://ceshiren.com/")
        self.driver.find_element(By.ID, "search-button").click()
        ele = self.driver.find_element(By.ID, "search-term")
        ActionChains(self.driver).key_down(Keys.SHIFT, ele).send_keys("selenium").perform()
        time.sleep(2)

    def test_enter_by_send_keys(self):
        self.driver.get("https://www.sogou.com/")
        ele = self.driver.find_element(By.ID, "query")
        ele.send_keys("selenium")
        # 第一种方式
        # ele.send_keys(Keys.ENTER)
        # 第二种方式
        ActionChains(self.driver).key_down(Keys.ENTER).perform()
        time.sleep(3)
 键盘事件-复制粘贴
  • 多系统兼容
    • mac 的复制按钮为 COMMAND
    • windows 的复制按钮为 CONTROL
  • 左箭头：Keys.ARROW_LEFT
  • 按下COMMAND或者CONTROL: key_down(cmd_ctrl)
  • 按下剪切与粘贴按钮: send_keys("xvvvvv")
import sys
import time

from selenium import webdriver
from selenium.webdriver import ActionChains, Keys
from selenium.webdriver.common.by import By


class TestKeyBoardDemo:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_key_down_up(self):
        self.driver.get("https://ceshiren.com/")
        self.driver.find_element(By.ID, "search-button").click()
        ele = self.driver.find_element(By.ID, "search-term")
        ActionChains(self.driver).key_down(Keys.SHIFT, ele).send_keys("selenium").perform()
        time.sleep(2)

    def test_enter_by_send_keys(self):
        self.driver.get("https://www.sogou.com/")
        ele = self.driver.find_element(By.ID, "query")
        ele.send_keys("selenium")
        # 第一种方式
        # ele.send_keys(Keys.ENTER)
        # 第二种方式
        ActionChains(self.driver).key_down(Keys.ENTER).perform()
        time.sleep(3)

    def test_copy_and_paste(self):
        self.driver.get("https://ceshiren.com/")
        cmd_ctrl = Keys.COMMAND if sys.platform == 'darwin' else Keys.CONTROL
        self.driver.find_element(By.ID, "search-button").click()
        ele = self.driver.find_element(By.ID, "search-term")
        # 打开搜索，选择搜索框，输入selenium，剪切后复制，几个v就代表复制几次
        ActionChains(self.driver) \
            .key_down(Keys.SHIFT, ele) \
            .send_keys("Selenium!") \
            .send_keys(Keys.ARROW_LEFT) \
            .send_keys(Keys.ARROW_LEFT) \
            .send_keys(Keys.ARROW_LEFT) \
            .key_down(cmd_ctrl) \
            .send_keys("xvvvvv") \
            .key_up(cmd_ctrl) \
            .perform()
        time.sleep(10)
鼠标事件
 鼠标事件-双击
  • double_click(元素对象): 双击元素
代码示例：
import time

from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By


class TestMouseDemo:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_double_click(self):
        # 演练环境
        self.driver.get("https://vip.ceshiren.com/#/ui_study")
        ele = self.driver.find_element(By.ID, "primary_btn")
        ActionChains(self.driver).double_click(ele).perform()
        time.sleep(2)
 鼠标事件-拖动元素
  • drag_and_drop(起始元素对象, 结束元素对象): 拖动并放开元素
代码示例：
import time

from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By


class TestMouseDemo:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_double_click(self):
        # 演练环境
        self.driver.get("https://vip.ceshiren.com/#/ui_study")
        ele = self.driver.find_element(By.ID, "primary_btn")
        ActionChains(self.driver).double_click(ele).perform()
        time.sleep(2)

    def test_drag_and_drop(self):
        self.driver.get("https://vip.ceshiren.com/#/ui_study/action_chains")
        item_left = self.driver.find_element(By.CSS_SELECTOR, '#item1')
        item_right = self.driver.find_element(By.CSS_SELECTOR, '#item3')
        ActionChains(self.driver).drag_and_drop(item_left, item_right).perform()
        time.sleep(5)
 鼠标事件-悬浮（下拉框）
  • move_to_element(元素对象): 移动到某个元素
import time

from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By


class TestMouseDemo:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_double_click(self):
        # 演练环境
        self.driver.get("https://vip.ceshiren.com/#/ui_study")
        ele = self.driver.find_element(By.ID, "primary_btn")
        ActionChains(self.driver).double_click(ele).perform()
        time.sleep(2)

    def test_drag_and_drop(self):
        self.driver.get("https://vip.ceshiren.com/#/ui_study/action_chains")
        item_left = self.driver.find_element(By.CSS_SELECTOR, '#item1')
        item_right = self.driver.find_element(By.CSS_SELECTOR, '#item3')
        ActionChains(self.driver).drag_and_drop(item_left, item_right).perform()
        time.sleep(5)

    def test_hover(self):
        self.driver.get("https://vip.ceshiren.com/#/ui_study/action_chains2")
        time.sleep(2)
        title = self.driver.find_element(By.CSS_SELECTOR, '.title')
        ActionChains(self.driver).move_to_element(title).perform()
        options = self.driver.find_element(By.CSS_SELECTOR, '.options>div:nth-child(3)')
        ActionChains(self.driver).click(options).perform()
        time.sleep(5)
滚轮/滚动操作
 滚轮/滚动操作-滚动到元素
  • scroll_to_element(WebElement对象):滚动到某个元素
代码示例：
import time

from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By


class TestScrollDemo:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_scoll_to_element(self):
        # 演练环境
        self.driver.get("https://ceshiren.com")
        # 4.2 之后才提供这个方法

        time.sleep(2)
        ele = self.driver.find_element(By.XPATH, "//*[text()='性能测试的目的']")

        ActionChains(self.driver).scroll_to_element(ele).perform()
        time.sleep(2)
 滚轮/滚动操作-根据坐标滚动
import time

from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By


class TestScrollDemo:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_scoll_to_element(self):
        # 演练环境
        self.driver.get("https://ceshiren.com")
        # 4.2 之后才提供这个方法

        time.sleep(2)
        ele = self.driver.find_element(By.XPATH, "//*[text()='性能测试的目的']")

        ActionChains(self.driver).scroll_to_element(ele).perform()
        time.sleep(2)

    def test_scroll_to_amount(self):
        # 演练环境
        self.driver.get("https://ceshiren.com/")
        # 4.2 之后才提供这个方法
        ActionChains(self.driver).scroll_by_amount(0, 10000).perform()
        time.sleep(2)

5.网页 frame 与多窗口处理

  • selenium⾥⾯如何处理多窗口场景
    • 多个窗⼜识别
    • 多个窗⼜之间切换
  • selenium⾥⾯如何处理frame
    • 多个frame识别
    • 多个frame之间切换
多窗口处理
  • 点击某些链接，会重新打开⼀个窗口，对于这种情况，想在新页⾯上操作，就得先切换窗口了。
  • 获取窗口的唯⼀标识⽤句柄表⽰，所以只需要切换句柄，就可以在多个页⾯灵活操作了。 
 多窗口处理流程
  1. 先获取到当前的窗⼜句柄（driver.current_window_handle）
  2. 再获取到所有的窗⼜句柄（driver.window_handles）
  3. 判断是否是想要操作的窗⼜，如果是，就可以对窗⼜进⾏操作，如果不是，跳转到另外⼀个窗⼜，对另⼀个窗⼜进⾏操作(driver.switch_to_window)
多窗⼜切换案例
  • 打开百度页⾯
  • 点击登录,
  • 弹框中点击‘⽴即注册’，输⼊⽤户名和帐号
  • 返回刚才的登录页，点击登录
  • 输⼊⽤户名和密码，点击登录 

base.py

from selenium import webdriver


class Base():
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

 test_window.py

import time

from selenium import webdriver
from selenium.webdriver.common.by import By

from web_automation_testing.test_keyboard_incident.base import Base


class TestWindow(Base):
    def test_window(self):
        self.driver.get("https://www.baidu.com")
        self.driver.find_element(By.LINK_TEXT, "登录").click()
        print(self.driver.current_window_handle)
        print(self.driver.window_handles)

        self.driver.find_element(By.XPATH,'//*[@id="TANGRAM__PSP_11__regLink"]').click()
        print(self.driver.current_window_handle)
        print(self.driver.window_handles)

        windows = self.driver.window_handles
        self.driver.switch_to.window(windows[-1])

        self.driver.find_element(By.CSS_SELECTOR,'#TANGRAM__PSP_4__userName').send_keys("username")
        self.driver.find_element(By.CSS_SELECTOR,'#TANGRAM__PSP_4__phone').send_keys("password")
        time.sleep(2)
        self.driver.switch_to.window(windows[0])
        self.driver.find_element(By.CSS_SELECTOR,'#TANGRAM__PSP_11__userName').send_keys("username")
        self.driver.find_element(By.CSS_SELECTOR,'#TANGRAM__PSP_11__password').send_keys("password")
        time.sleep(5)
frame介绍
  • 在web⾃动化中，如果⼀个元素定位不到，那么很⼤可能是在iframe中。
  • 什么是frame?
    • frame是html中的框架，在html中，所谓的框架就是可以在同⼀个浏览器中显⽰不⽌⼀个页⾯。
    • 基于html的框架，又分为垂直框架和⽔平框架（cols，rows）
  • Frame分类
    • frame标签包含frameset、frame、iframe三种，
    • frameset和普通的标签⼀样，不会影响正常的定位，可以使⽤index、id、name、webelement任意种⽅式定位frame。
    • ⽽frame与iframe对selenium定位⽽⾔是⼀样的。selenium有⼀组⽅法对frame进⾏操作
 多frame切换
  • frame存在两种:
    • ⼀种是嵌套的，⼀种是未嵌套的
  • 切换frame
    • driver.switch_to.frame()   #根据元素id或者index切换切换frame
    • driver.switch_to.default_content()  #切换到默认frame
    • driver.switch_to.parent_frame()   #切换到⽗级frame
frame未嵌套 
  • 处理未嵌套的iframe
    • driver.switch_to_frame(“frame的id”)
    • driver.switch_to_frame(“frame - index”)  frame⽆ID的时候依据索引来处理，索引从0开始driver.switch_to_frame(0)
Frame嵌套
  • 处理嵌套的iframe
  • 对于嵌套的先进⼊到iframe的⽗节点，再进到⼦节点，然后可以对⼦节点⾥⾯的对象进⾏处理和操作
  • driver.switch_to.frame(“⽗节点”)
  • driver.switch_to.frame(“⼦节点”) 
多frame切换案例
  • 多frame切换案例：
  • 打开包含frame的web页⾯菜鸟教程在线编辑器
  • 打印’请拖拽我’元素的⽂本
  • 打印’点击运⾏’元素的⽂本 

base.py 

from selenium import webdriver


class Base():
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

 test_frame.py

from selenium.webdriver.common.by import By

from web_automation_testing.test_keyboard_incident.base import Base


class TestFrame(Base):
    def test_frame(self):
        self.driver.get("https://www.runoob.com/try/try.php?filename=jqueryui-api-droppable")
        self.driver.switch_to.frame("iframeResult")
        print(self.driver.find_element(By.ID,'draggable').text)
        self.driver.switch_to.parent_frame()
        print(self.driver.find_element(By.ID, "submitBTN").text)

6.文件上传，弹框处理

  • ⽂件上传的⾃动化
  • 弹框处理机制
 ⽂件上传
  • input标签可以直接使⽤send_keys(⽂件地址)上传⽂件
  • ⽤法：
    • el = driver.find_element_by_id('上传按钮id')
    • el.send_keys(”⽂件路径+⽂件名")
⽂件上传实例
  • 测试案例：
  • 打开百度图⽚⽹址：https://image.baidu.com
  • 识别上传按钮
  • 点击上传按钮
  • 将本地的图⽚⽂件上传 

base.py 

from selenium import webdriver


class Base():
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

 test_file.py

import time

from selenium.webdriver.common.by import By

from web_automation_testing.test_keyboard_incident.base import Base


class TestFile(Base):
    def test_up_file(self):
        self.driver.get("https://image.baidu.com/")

        self.driver.find_element(By.CSS_SELECTOR,'#sttb > img.st_camera_off').click()
        self.driver.find_element(By.ID,'stfile').send_keys("E:\pictures\water.png")
        time.sleep(5)
chrome开启debug模式

有时候登录⽅式⽐较繁琐，需要动态⼿机密码，⼆维码登录之类的。⾃动话实现⽐较⿇烦。⼿⼯登录后，不想让selenium启动⼀个新浏览器。可以使⽤chrome的debug⽅式来执⾏测试。

  • 启动chrome的时候需要先退出所有chrome进程。使⽤ps aux|grep chrome|grep -v 'grep'查看是否有chrome进程存在。确保没有chrome进程被启动过。
  • 正常启动chrome的debug模式
    • #默认macOS系统
      • /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222
    • # Windows下找到chrome.exe位置执⾏下⾯的命令
      • chrome.exe --remote-debugging-port=9222

启动后的提⽰信息，代表chrome运⾏正常，不要关闭⾃动打开的chrome窗口。

弹框处理机制 
  • 在页⾯操作中有时会遇到JavaScript所⽣成的alert、confirm以及prompt弹框，可以使⽤switch_to.alert()⽅法定位到。然后使⽤text/accept/dismiss/send_keys等⽅法进⾏操作。参考教你分辨alert、window、div模态框，以及操作
  • 操作alert常⽤的⽅法：
    • switch_to.alert()：获取当前页⾯上的警告框。
    • text：返回alert/confirm/prompt中的⽂字信息。
    • accept()：接受现有警告框。
    • dismiss()：解散现有警告框。
    • send_keys(keysToSend)：发送⽂本⾄警告框。keysToSend:将⽂本发送⾄警告框。
alert窗⼜处理案例
  • 测试案例：
    • 打开⽹页https://www.runoob.com/try/try.php?filename=jqueryui-api-droppable
  • 操作窗⼜右侧页⾯，将元素1拖拽到元素2
  • 这时候会有⼀个alert弹框，点击弹框中的’确定
  • 然后再按’点击运⾏
  • 关闭⽹页 

base.py

from selenium import webdriver


class Base():
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

 test_alert.py

import time

from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By

from web_automation_testing.test_keyboard_incident.base import Base


class TestAlert(Base):
    def test_alert(self):
        self.driver.get("https://www.runoob.com/try/try.php?filename=jqueryui-api-droppable")
        self.driver.switch_to.frame("iframeResult")

        drag = self.driver.find_element(By.ID, "draggable")
        drop = self.driver.find_element(By.ID, "droppable")

        action = ActionChains(self.driver)
        action.drag_and_drop(drag, drop).perform()
        time.sleep(2)
        self.driver.switch_to.alert.accept()
        self.driver.switch_to.default_content()
        self.driver.find_element(By.ID, "submitBTN").click()
        time.sleep(3)

7.自动化关键数据记录

什么是关键数据？
  • 代码的执行日志
  • 代码执行的截图
  • page source（页面源代码）
记录关键数据的作用
内容作用
日志1. 记录代码的执行记录，方便复现场景
2. 可以作为bug依据
截图1. 断言失败或成功截图
2.异常截图达到丰富报告的作用
3. 可以作为bug依据
page source1. 协助排查报错时元素当时是否存在页面上
 行为日志记录
  • 日志配置
  • 脚本日志级别
    • debug记录步骤信息
    • info记录关键信息，比如断言等
代码示例：
from selenium import webdriver
from selenium.webdriver.common.by import By

from web_automation_testing.test_key_data.utils.log_util import logger


class TestDataRecord:
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_log_data_record(self):
        # 实例化self.driver
        search_content = "海贼王"
        # 打开百度首页
        self.driver.get("https://www.sogou.com/")
        logger.debug("打开搜狗首页")
        # 输入海贼王
        self.driver.find_element(By.CSS_SELECTOR, "#query").send_keys(search_content)
        logger.debug(f"搜索的内容为{search_content}")
        # 点击搜索
        self.driver.find_element(By.CSS_SELECTOR, "#stb").click()
        # 搜索结果
        search_res = self.driver.find_element(By.ID, "sogou_vr_70060202_title_0")
        logger.info(f"搜索结果为{search_res.text}")
        assert search_res.text == search_content
 步骤截图记录
  • save_screenshot(截图路径+名称)
  • 记录关键页面
    • 断言页面
    • 重要的业务场景页面
    • 容易出错的页面
from selenium import webdriver
from selenium.webdriver.common.by import By

from web_automation_testing.test_key_data.utils.log_util import logger


class TestDataRecord:
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_log_data_record(self):
        # 实例化self.driver
        search_content = "海贼王"
        # 打开百度首页
        self.driver.get("https://www.sogou.com/")
        logger.debug("打开搜狗首页")
        # 输入海贼王
        self.driver.find_element(By.CSS_SELECTOR, "#query").send_keys(search_content)
        logger.debug(f"搜索的内容为{search_content}")
        # 点击搜索
        self.driver.find_element(By.CSS_SELECTOR, "#stb").click()
        # 搜索结果
        search_res = self.driver.find_element(By.ID, "sogou_vr_70060202_title_0")
        logger.info(f"搜索结果为{search_res.text}")
        assert search_res.text == search_content

    def test_screenshot_record(self):
        # 实例化self.driver
        search_content = "海贼王"
        # 打开百度首页
        self.driver.get("https://www.sogou.com/")
        logger.debug("打开搜狗首页")
        # 输入海贼王
        self.driver.find_element(By.CSS_SELECTOR, "#query").send_keys(search_content)
        logger.debug(f"搜索的内容为{search_content}")
        # 点击搜索
        self.driver.find_element(By.CSS_SELECTOR, "#stb").click()
        # 搜索结果
        search_res = self.driver.find_element(By.ID, "sogou_vr_70060202_title_0")
        logger.info(f"搜索结果为{search_res.text}")
        self.driver.save_screenshot("./datas/screenshot/search_res.png")
        assert search_res.text == search_content
 page_source记录
  • 使用page_source属性获取页面源码
  • 在调试过程中，如果有找不到元素的错误可以保存当时的page_source调试代码
from selenium import webdriver
from selenium.webdriver.common.by import By

from web_automation_testing.test_key_data.utils.log_util import logger


class TestDataRecord:
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_log_data_record(self):
        # 实例化self.driver
        search_content = "海贼王"
        # 打开百度首页
        self.driver.get("https://www.sogou.com/")
        logger.debug("打开搜狗首页")
        # 输入海贼王
        self.driver.find_element(By.CSS_SELECTOR, "#query").send_keys(search_content)
        logger.debug(f"搜索的内容为{search_content}")
        # 点击搜索
        self.driver.find_element(By.CSS_SELECTOR, "#stb").click()
        # 搜索结果
        search_res = self.driver.find_element(By.ID, "sogou_vr_70060202_title_0")
        logger.info(f"搜索结果为{search_res.text}")
        assert search_res.text == search_content

    def test_screenshot_record(self):
        # 实例化self.driver
        search_content = "海贼王"
        # 打开百度首页
        self.driver.get("https://www.sogou.com/")
        logger.debug("打开搜狗首页")
        # 输入海贼王
        self.driver.find_element(By.CSS_SELECTOR, "#query").send_keys(search_content)
        logger.debug(f"搜索的内容为{search_content}")
        # 点击搜索
        self.driver.find_element(By.CSS_SELECTOR, "#stb").click()
        # 搜索结果
        search_res = self.driver.find_element(By.ID, "sogou_vr_70060202_title_0")
        logger.info(f"搜索结果为{search_res.text}")
        self.driver.save_screenshot("./datas/screenshot/search_res.png")
        assert search_res.text == search_content

    def test_page_source_record(self):
        # 实例化self.driver
        search_content = "海贼王"
        # 打开百度首页
        self.driver.get("https://www.sogou.com/")

        logger.debug("打开搜狗首页")

        with open("./datas/page_source/record.html", "w", encoding="utf8") as f:
            f.write(self.driver.page_source)

8.电子商务产品实战

产品分析:
  • 产品：litemall管理后台
  • 功能：商品类目
  • 使用账户
    • 用户名： manage
    • 密码： manage123

litemall

测试用例分析
用例标题前提条件用例步骤预期结果实际结果
添加商品类目1. 登录并进入用户管理后台
2. 登录账号有商场管理的权限		1. 点击增加
2. 输入类目名称
3. 点击确定		1. 跳转商品类目列表
2. 新增在最后一行，新增成功
删除商品类目1. 进入用户管理后台
2. 商品列表里面有已存在的商品（新增）		1. 点击删除按钮1. 是否有删除成功提示
2. 被删除商品不在商品类目列表展示

编写脚本思路：

PlantUML diagram

前置后置
  • 在setup_class打开浏览器
  • teardown_class关闭浏览器进程
  • 添加隐式等待配置

 test_litemall.py

import time

import allure
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait

from web_automation_testing.test_litemall.utils.log_util import logger


class TestLitemall:
    # 前置动作
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)
        # 登录
        self.driver.get("http://litemall.hogwarts.ceshiren.com/")
        # 问题，输入框内有默认值，此时send——keys不回清空只会追加
        # 解决方案： 在输入信息之前，先对输入框完成清空
        # 输入用户名密码
        self.driver.find_element(By.NAME, "username").clear()
        self.driver.find_element(By.NAME, "username").send_keys("manage")
        self.driver.find_element(By.NAME, "password").clear()
        self.driver.find_element(By.NAME, "password").send_keys("manage123")
        # 点击登录按钮
        self.driver.find_element(By.CSS_SELECTOR, ".el-button--primary").click()
        # 窗口最大化
        self.driver.maximize_window()

    # 后置动作
    def teardown_class(self):
        self.driver.quit()

    def get_screen(self):
        timestamp = int(time.time())
        # 注意：！！ 一定要提前创建好images 路径
        image_path = f"./datas/screenshot/image_{timestamp}.PNG"
        # 截图
        self.driver.save_screenshot(image_path)
        # 讲截图放到报告的数据中
        allure.attach.file(image_path, name="picture",attachment_type=allure.attachment_type.PNG)

    # 新增功能
    def test_add_type(self):
        # 点击商场管理/商品类目，进入商品类目页面
        # 进入商品类目页面
        self.driver.find_element(By.XPATH, "//*[text()='商场管理']").click()
        self.driver.find_element(By.XPATH, "//*[text()='商品类目']").click()
        # 添加商品类目操作
        self.driver.find_element(By.XPATH, "//*[text()='添加']").click()
        self.driver.find_element(By.CSS_SELECTOR, ".el-input__inner").send_keys("新增商品测试")

        # ===============使用显式等待优化
        # ele = WebDriverWait(self.driver,10).until(
        #     expected_conditions.element_to_be_clickable(
        #         (By.CSS_SELECTOR, ".dialog-footer .el-button--primary")))
        # ele.click()
        
        # ==============显示等待优化方案2： 自定义显式等待条件
        def click_exception(by, element, max_attempts=5):
            def _inner(driver):
                # 多次点击按钮
                actul_attempts = 0  # 实际点击次数
                while actul_attempts < max_attempts:
                    # 进行点击操作
                    actul_attempts += 1  # 每次循环，实际点击次数加1
                    try:
                        # 如果点击过程报错，则直接执行 except 逻辑，并切继续循环
                        # 没有报错，则直接return 循环结束
                        driver.find_element(by, element).click()
                        return True
                    except Exception:
                        logger.debug("点击的时候出现了一次异常")
                # 当实际点击次数大于最大点击次数时，结束循环并抛出异常
                raise Exception("超出了最大点击次数")

            # return _inner() 错误写法
            return _inner

        WebDriverWait(self.driver, 10).until(click_exception(By.CSS_SELECTOR, ".dialog-footer .el-button--primary"))

        # ===========================使用显式等待优化

        # self.driver.find_element(By.CSS_SELECTOR, ".dialog-footer .el-button--primary").click()
        # finds 如果没找到会返回空列表， find 如果没找到则会直接报错
        # 如果没找到，程序也不应该报错
        res = self.driver.find_elements(By.XPATH, "//*[text()='新增商品测试']")
        self.get_screen()
        # 数据的清理一定到放在断言操作之后完成，要不然可能会影响断言结果
        self.driver.find_element(By.XPATH, "//*[text()='新增商品测试']/../..//*[text()='删除']").click()
        logger.info(f"断言获取到的实际结果为{res}")
        # 断言产品新增后是否成功找到，如果找到，证明新增成功，如果没找到则新增失败
        # 判断查找的结果是否为空列表，如果为空列表证明没找到，反之代表元素找到，用例执行成功
        assert res != []

    # 删除功能
    def test_delete_type(self):
        # ================ 造数据步骤
        # 点击商场管理/商品类目，进入商品类目页面
        # 进入商品类目页面
        self.driver.find_element(By.XPATH, "//*[text()='商场管理']").click()
        self.driver.find_element(By.XPATH, "//*[text()='商品类目']").click()
        # 添加商品类目操作
        self.driver.find_element(By.XPATH, "//*[text()='添加']").click()
        self.driver.find_element(By.CSS_SELECTOR, ".el-input__inner").send_keys("删除商品测试")
        ele = WebDriverWait(self.driver, 10).until(
            expected_conditions.element_to_be_clickable(
                (By.CSS_SELECTOR, ".dialog-footer .el-button--primary")))
        ele.click()
        # ============完成删除步骤
        self.driver.find_element(By.XPATH, "//*[text()='删除商品测试']/../..//*[text()='删除']").click()
        # 断言： 删除之后获取这个 删除商品测试的 这个商品类目是否还能获取到，如果获取到，证明没有删除成功，反之删除成功
        WebDriverWait(self.driver, 10).until_not(
            expected_conditions.visibility_of_any_elements_located((By.XPATH, "//*[text()='删除商品测试']")))
        # 问题： 因为代码执行速度过快，元素还未消失就捕获了。
        # 解决： 确认该元素不存在后，再捕获
        res = self.driver.find_elements(By.XPATH, "//*[text()='删除商品测试']")
        logger.info(f"断言获取到的实际结果为{res}")
        assert res == []
目录结构：

9.测试人论坛搜索功能实战

项目简介

ceshiren 论坛是一个面向测试人员的社区论坛，主要讨论软件测试、自动化测试、性能测试等方面的话题。它的目标是为测试从业者提供一个交流学习的平台，分享测试经验、解决问题、探讨新技术和趋势等。论坛的搜索功能能够根据用户的搜索词汇和上下文，智能推测用户真正需要的结果。它能够自动匹配相关词汇和拼写错误，并提供相关的搜索建议。

被测产品地址：https://ceshiren.com/

具体操作内容：
  1. 要求实现搜索功能的Web自动化测试。
  2. Selenium 常用操作与用例编写。
  3. 使用显式等待优化代码。
  4. 考虑特殊场景的验证。
    • 输入内容过长。
    • 特殊字符。
    • 其他。
  5. 使用参数化优化代码。
  6. 步骤截图。
场景描述

  1. 打开测试人论坛，截图。

  2. 跳转到高级搜索页面，添加显式等待判断页面跳转成功并截图。

  3. 搜索输入框输入搜索关键字，截图。关键字清单如下：

    Selenium
Appium
面试

  4. 打印当前结果页面的pagesource并截图。

  5. 打印搜索结果的第一个标题。

  6. 断言：第一个标题是否包含关键字。

代码示例：template: 用来存放开发模版 - Gitee.com

项目结构：

 test_ceshiren_forum_search.py

import os
import time

import allure
import pytest
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait
from web_automation_testing.test_ceshiren_forum_search.utils.deserialization_util import Utils
from web_automation_testing.test_ceshiren_forum_search.utils.log_util import logger


# 从文件中获取测试用例
def get_datas(level):
    root_path = os.path.dirname(os.path.abspath(__file__))
    # print(root_path)
    yaml_path = os.sep.join([root_path, 'datas\\doc\\search.yaml'])
    # print(yaml_path)
    yaml_datas = Utils.get_yaml_data(yaml_path)
    # print(yaml_datas)
    datas = yaml_datas.get('search').get(level).get('datas')
    return datas


class TestSearch():
    def setup_method(self, method):
        # 实例化chromedriver
        self.driver = webdriver.Chrome()
        # 添加全局隐式等待
        self.driver.implicitly_wait(5)

        self.driver.maximize_window()

    def teardown_method(self, method):
        # 关闭driver
        self.driver.quit()

    # 截图
    def get_screenshot(self):
        timestamp = int(time.time())
        img_path = f"./datas/screenshot/image_{timestamp}.png"
        self.driver.save_screenshot(img_path)

        allure.attach.file(img_path, name="picture", attachment_type=allure.attachment_type.PNG)

    # pagesource
    def get_page_source(self):
        timestamp = int(time.time())
        page_source_path = f"./datas/pagesource/page_source_{timestamp}.html"
        with open(page_source_path, 'w', encoding='utf8') as f:
            f.write(self.driver.page_source)

        allure.attach.file(page_source_path, name="pagesource", attachment_type=allure.attachment_type.TEXT)

    @pytest.mark.parametrize('param', get_datas("P0"))
    def test_search(self, param):
        self.driver.get('https://ceshiren.com/search')

        logger.info(f'打开测试人论坛')

        input_field = self.driver.find_element(By.CSS_SELECTOR, "[placeholder='搜索']")
        input_field.send_keys(param)

        WebDriverWait(self.driver, 10).until(
            expected_conditions.element_to_be_clickable((By.CSS_SELECTOR, '.search-cta')))

        search_button = self.driver.find_element(By.CSS_SELECTOR, '.search-cta')
        search_button.click()

        time.sleep(1)

        logger.info(f'搜索{param}完毕')
        self.get_page_source()
        self.get_screenshot()

        title_first = self.driver.find_element(By.CSS_SELECTOR, '.topic-title')
        print(title_first.text)

        assert param.lower() in title_first.text.lower()

    @pytest.mark.parametrize('param', get_datas("P1"))
    def test_search_the_input_is_too_long(self, param):
        self.driver.get('https://ceshiren.com/search')

        logger.info(f'打开测试人论坛')

        input_field = self.driver.find_element(By.CSS_SELECTOR, "[placeholder='搜索']")
        input_field.send_keys(param)

        WebDriverWait(self.driver, 10).until(
            expected_conditions.element_to_be_clickable((By.CSS_SELECTOR, '.search-cta')))
        search_button = self.driver.find_element(By.CSS_SELECTOR, '.search-cta')
        search_button.click()

        time.sleep(1)

        logger.info(f'搜索{param}完毕')
        self.get_page_source()
        self.get_screenshot()

        title_first = self.driver.find_element(By.CSS_SELECTOR, '.no-results-suggestion')
        print(title_first.text)

        assert "找不到您要找的内容？" in title_first.text

    @pytest.mark.parametrize('param', get_datas("P2"))
    def test_search_special_characters(self, param):
        self.driver.get('https://ceshiren.com/search')

        logger.info(f'打开测试人论坛')

        input_field = self.driver.find_element(By.CSS_SELECTOR, "[placeholder='搜索']")
        input_field.send_keys(param)

        WebDriverWait(self.driver, 10).until(
            expected_conditions.element_to_be_clickable((By.CSS_SELECTOR, '.search-cta')))
        search_button = self.driver.find_element(By.CSS_SELECTOR, '.search-cta')
        search_button.click()

        time.sleep(1)

        logger.info(f'搜索{param}完毕')
        self.get_page_source()
        self.get_screenshot()

        title_first = self.driver.find_element(By.CSS_SELECTOR, '.no-results-suggestion')
        print(title_first.text)

        assert "找不到您要找的内容？" in title_first.text
阿瞒有我良计15
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
软件测试及自动化测试
Eunnm的博客
07-25 5419
软件测试及自动化测试
图解系列--L2交换机
x13262608581的博客
10-31 742
集线器，网桥，交换机
自动化测试介绍
热门推荐
测试菜鸟到架构之路
03-20 1万+
自动化框架 selenium selenium工作原理 WebDriver提供了另外一种方式与浏览器进行交互。那就是利用浏览器原生的API，封装成一套更加面向对象的Selenium WebDriver API，直接操作浏览器页面里的元素，甚至操作浏览器本身（截屏，窗口大小，启动，关闭，安装插件，配置证书之类的）。由于使用的是浏览器的原生API，速度大大提高，而且调用的稳定性交给了浏览器厂商本身，显然是更加科学。然而带来的一些副作用就是，不同的浏览器厂商，对Web元素的操作和呈现存在不同程度的差异，这就要求S
自动化运维工具Ansible（2）ad-hoc
AHui_CSDN的博客
07-04 1010
什么是ad-hoc？ ad-hoc简而言之就是“临时命令”，执行完即结束，并不会保存ad-hoc模式的使用场景 比如在多台机器上查看某个进程是否启动，或拷贝指定文件到本地，等等ad-hoc模式的命令使用 批量查看磁盘信息 批量查看内存信息 ad-hoc结果返回颜色 绿色: 代表被管理端主机没有被修改 黄色: 代表被管理端主机发现变更 红色: 代表出现了故障，注意查看提示ad-hoc常用模块 Ansible-doc帮助手册 Ansible命令模块 command 默认模块, 只用于执行命令 shell 如果需
WEB项目部署发版-通知用户在线更新方案
高灯GFE
02-27 824
由于是单页面应用，用户一进入网站，就会把HTML与相对应的资源利用浏览器的缓存机制，停留在本地，这样的好处，就是再次进入网站，可以利用缓存机制，可快速进入网站。这也就造成了我们项目版本迭代后，用户因缓存机制，会继续使用旧迭代版本，需要用户手动刷新去服务器请求获取新的HTML，来使用新迭代版本。用户手动刷新获取新版本html（需要在nginx 配置，在nginx.conf文件做设置，让 index.html 不缓存）需求项目迭代后，用户使用会有版本更新的提示或者自动刷新，实现版本升级用户有感知方案。
自学软件测试，学到什么程度可以出去找工作啊？
08-24 2022
自学软件测试，学到什么程度可以出去找工作啊？”这个问题是每个小白必问问题。 偶然看到知乎上竟然也有这个问题，虽然关注人数不算多，但还是来分享下我的观点： 自学到什么程度可以出去找工作，是要分人群的，不能一概而论。 所以，本文的文章结构如下所示：
浅谈移动端UI自动化测试工具 Appium
guolong1983811的专栏
11-18 1072
https://testerhome.com/topics/11318 相关文章阅读链接： 移动APP自动化测试框架对比 https://mp.weixin.qq.com/s/pu1TKZhNW2L2BmvpjGzLCw 客户端自动化测试研究 https://tech.meituan.com/mobile_app_automation.html 客户端自动化测试研究 https://www...
安全测试
xiaolulu123cehi的博客
06-11 759
一 安全测试 1: 测试评估 自动化扫描：系统层漏洞大部分情况下使用自动化扫描 手动评估：耗时，不全面，技术要求高 2： 评估流程 ![在这里插入图片描述](https://img-blog.csdn.net/20181004211508870?watermark/2/text/aH...
python-web开发[13]之前端js
Jasminexjf的博客
10-22 666
python-web开发系列文章
Jekins自动部署测试环境搭建实录
johneylee2008的博客
02-14 4262
Jekins自动部署测试环境搭建实录 利用春节长假，研究了搭建Jekins+GitLab+IDEA自动部署环境。基本工作流程如下： 目前还只是完成了测试环境的持续集成。因为生产环境的上线要通过测试和验收等环节，不能完全自动部署。 整个搭建过程一波三折，遇到好多问题，逐一解决，最后也遗留了一些待进一步研究和思考的问题。简单记录一下整个过程，以备日后使用时查阅。 一、申请GitLab账户 首先需要申请GitLab账户，URL如下： https://gitlab.com/users/sign_up 1.1 首先
L2_QuizOnline
03-20
7. **JUnit**：Java的单元测试框架，用于确保代码质量并执行自动化测试。 8. **Git**：版本控制系统，用于追踪代码更改和团队协作。 9. **IntelliJ IDEA或Eclipse**：可能使用的Java IDE，便于编码、调试和项目...
TCP-IP技术大全
12-01
15.2 IPP和端用户 150 15.3 使用HP的IPP实现 151 15.4 小结 152 第16章 LDAP：目录服务 153 16.1 为什么使用目录服务 153 16.2 目录服务的功能 153 16.3 IP上的目录服务 154 16.4 OSI X.500目录模型 156 16.4.1 早期...
TCPIP协议详解(4-1)
01-16
网关协议(GGP) 147 14.3.2 外部网关协议(EGP) 147 14.3.3 内部网关协议(IGP) 148 14.4 小结 148 第五部分 网络服务 第15章 互联网打印协议 149 15.1 IPP历史 149 15.2 IPP和端用户 150 15.3...
TCP/IP技术大全
03-10
15.2 IPP和端用户 150 15.3 使用HP的IPP实现 151 15.4 小结 152 第16章 LDAP：目录服务 153 16.1 为什么使用目录服务 153 16.2 目录服务的功能 153 16.3 IP上的目录服务 154 16.4 OSI X.500目录模型 156 16.4.1 早期...
网站基本布局CSS
m0_46608027的博客
07-24 797
* 滚动条轨道样式 *//* 滚动条样式 *//* 滑块样式 */
ASP.NET Web Api 使用 EF 6，DateTime 字段如何取数据库服务器当前时间
最新发布
yangshuquan的专栏
07-24 787
在做数据库设计时，为了方便进行数据追踪，通常会有几个字段是每个表都有的，比如创建时间、创建人、更新时间、更新人等，这些时间字段一般存储的是数据库服务器的时间，EF 是操作整个数据表对象，所以需要寻找方法来实现这个目的。本文分享 DB First 和 Code First 两种模式的 EF 中 DateTime 字段如何存储数据库服务器当前时间的方法。
TS如何处理js模块的类型？
闻人放歌的三寸青草园圃
07-24 257
【代码】TS如何处理js模块的类型？
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 350
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
VUE 子组件可以直接改变父组件的数据吗
Cshaosun的博客
07-23 345
如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。
1769-L2x CompactLogix 控制器快速入门指南
"1769-L2x快速入门手册提供了关于1769-L2x系列控制器的...1769-L2x快速入门手册是新用户理解、配置和维护这些控制器的宝贵资源，通过深入阅读和实践，用户可以有效地将CompactLogix控制器集成到他们的自动化系统中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿瞒有我良计15

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值