from表单是经常测试的用例，用户登录、注册等都会用到form表单，本文简单设计了一个用户登录的form表单，并对该form表单进行测试

一、自定义form表单

1、用到的组件

如下图，图中定义了一个登录界面的form表单，用到的表单元素：type="text"; type="submit"

2、代码示例

新建HTML文件

文件中输入代码

点击查看代码 
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="javascript:alert('hello')">

    Username:<input type="text" name="username" id="username"><br>

    Password:<input type="text" name="pwd" id="pwd"><br>

    Submit:<input type="submit" value="submit" id="submit">

</form>

</body>

</html>

二、form表单测试

1、定位表单元素
（1）获取form表单路径

（a）当前文件所在路径

path = os.path.abspath(__file__)#获取当前完整路径，即绝对路径

#print(file_path)

输出：C:...\desktop\demo.py

（b）当前路径的父目录

path = os.path.dirname(os.path.abspath(__file__))#获取当前路径的父目录

print(path)

输出：C:...\desktop

（c）form表单完整路径

file_path = 'file:///'+path + '/form.html'#获取form表单完整路径

print(file_path)

输出：C:...\desktop\form.html

（2）加载form表单
self.driver.get(file_path)
2、输入测试值
测试值1：输入账号和密码并提交
username=self.driver.find_element(By.ID,"username")#定位元素

username.send_keys("admin")#账号：admin

pwd=self.driver.find_element(By.ID,"pwd")#定位元素

pwd.send_keys('123')#密码：123

sleep(2)

self.driver.find_element(By.ID,"submit").click()#提交
结果1：弹出提示框，提示“Hello”

测试值2：获取输入的账号密码
self.driver.switch_to.alert.accept()#关闭提示

print(username.get_attribute('value'))#获取输入的账号

print(pwd.get_attribute('value'))#获取输入的密码
结果2：控制台输出账号密码
测试值3：清空账号密码
username.clear()

pwd.clear()
结果3：输入框中账号密码被清空

点击查看代码 
from time import sleep

from selenium import webdriver

import os

from selenium.webdriver.common.by import By

class Testcase:

    def __init__(self):

        self.driver=webdriver.Edge()

        #path = os.path.abspath(__file__)#获取当前完整路径，即绝对路径

        path = os.path.dirname(os.path.abspath(__file__)) #获取当前路径的父目录

        file_path = 'file:///'+path + '/form.html'#获取form表单完整路径

        self.driver.get(file_path)#加载form表单

        #print(file_path)

    def test_login(self):

        #用例1

        username=self.driver.find_element(By.ID,"username")#定位元素

        username.send_keys("admin")#账号：admin

        pwd=self.driver.find_element(By.ID,"pwd")#定位元素

        pwd.send_keys('123')#密码：123

        sleep(2)

        self.driver.find_element(By.ID,"submit").click()#提交

        #用例2

        self.driver.switch_to.alert.accept()#关闭提示

        print(username.get_attribute('value'))#获取输入的账号

        print(pwd.get_attribute('value'))#获取输入的密码

        #用例3

        username.clear()

        pwd.clear()

        sleep(2)

        self.driver.quit()

if __name__=="__main__":

    case=Testcase()

    case.test_login()

Selenium操作：测试form表单的更多相关文章

  1. Checkbox框全选操作，form表单提交与jquery ajax提交两种处理方式

    //1.jquery ajax<script type="text/javascript"> $(function(){ var basePath = $(" ...

  2. java：JavaScript2：（setTimeout定时器，history.go()前进/后退，navigator.userAgent判断浏览器，location.href，五种方法获取标签属性，setAttribute，innerHTML，三种方法获取form表单信息，JS表单验证，DOM对象，form表单操作）

    1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> ...

  3. Day19 Django之Form表单验证、CSRF、Cookie、Session和Model操作

    一.Form表单验证 用于做用户提交数据的验证1.自定义规则 a.自定义规则(类,字段名==html中的name值)b.数据提交-规则进行匹配代码如下: """day19 ...

  4. 基于JQuery的前端form表单操作

    Jquery的前端表单操作:     jquery提供了良好的方法封装,在一些基本的操作的时候,能节省很多的麻烦,其中,在具体使用时,form表单的数据提交是最频繁也最常见的前后数据交换方式,所以在前 ...

  5. 第83天：jQuery中操作form表单

    操作form表单 1. 属性操作 设置属性: // 第一个参数表示:要设置的属性名称 // 第二个参数表示:该属性名称对应的值 $(selector).attr(“title”, “传智播客”); 获 ...

  6. Form表单之复选框checkbox操作

    input复选(checkbox): <label>input复选1组:</label> <input type="checkbox" name=&q ...

  7. jQuery操作Form表单元素

    Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...

  8. Django之form表单操作

    小白必会三板斧 from django.shortcuts import render,HttpResponse,redirect HttpRespone:返回字符串 render:返回html页面 ...

  9. 前端笔记：React的form表单全部置空或者某个操作框置空的做法

    1.全部置空的做法,一般在弹出框关闭后,需要重置该form所有表单: this.props.form.resetFields(); 2.针对某个操作框置空的做法 例如,form表单里有一个部门和一个张 ...

  10. form表单，css简介，css选择器，css样式操作

    form表单 简介 表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序 以处理,从而使得Web服务器与用户之间具有交互功能. 表单实现前后台交互:用 ...

随机推荐

  1. js 实现俄罗斯方块（三）

    我又来啦!上一篇有点水,本篇我们来干货! 嘿嘿,首先我们先搭建游戏世界------网格 所有的操作包括左移右移下移旋转都是在这个网格中 既然是使用js来写当然跑不了html啦,实现网格最简单的 方法就 ...

  2. .NET8 Blazor 从入门到精通：（二）组件

    目录 Blazor 组件 基础 路由 参数 组件参数 路由参数 生命周期事件 状态更改 组件事件 Blazor 组件 基础 新建一个项目命名为 MyComponents ,项目模板的交互类型选 Aut ...

  3. 2. 从0开始学ARM-CPU原理，基于ARM的SOC讲解

    关于ARM的一些基本概念,大家可以参考我之前的文章: <到底什么是Cortex.ARMv8.arm架构.ARM指令集.soc?一文帮你梳理基础概念[科普]> 关于ARM指令用到的IDE开发 ...

  4. 折腾 Quickwit，Rust 编写的分布式搜索引擎(专为从对象存储中实现亚秒级搜索而设计)

    什么是 Quickwit? Quickwit 是首个能在云端存储上直接执行复杂的搜索与分析查询的引擎,并且具有亚秒级延迟.它借助 Rust 语言和分离计算与存储的架构设计,旨在实现资源高效利用.易于操 ...

  5. 安装 Ubuntu / Windows 双系统

    最近给自己的老笔记本换了一块大硬盘,顺便装了 Windows 和 Ubuntu 两个操作系统.记录一下安装过程. 提示:Ubuntu 安装程序可以检测到磁盘已有的 Windows 安装.所以如果先安装 ...

  6. how to log iptables events

    warning level: iptables -A INPUT -j LOG --log-prefix "BAD_INPUT: " --log-level 4 iptables ...

  7. axios使用备忘录

    安装使用 使用npm安装: $ npm install axios 使用CDN: <script src="https://unpkg.com/axios/dist/axios.min ...

  8. JavaScript Library – YouTube Embedded、YouTube Player API、YouTube Data API

    YouTube Embed Video 参考: Embed videos & playlists 它和 Google Maps Embed 类似,是通过 iframe 完成的. <ifr ...

  9. OData – Routing

    前言 以前我都是把 ODataController 和普通 API Controller 分开做. (因为 OData 实在多 Bug, 好东西尽量不要掺和它) Read 的部分用 OData, CU ...

  10. .NET常见的几种项目架构模式，你知道几种？（附带使用情况投票）

    前言 项目架构模式在软件开发中扮演着至关重要的角色,它们为开发者提供了一套组织和管理代码的指导原则,以提高软件的可维护性.可扩展性.可重用性和可测试性. 假如你有其他的项目架构模式推荐,欢迎在文末留言 ...