Files
httprunner/examples/testerhome-login/index.html
2019-11-02 00:07:31 +08:00

1136 lines
43 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="zh" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="HttpRunner V2.x User Documentation">
<meta name="author" content="debugtalk">
<meta name="lang:clipboard.copy" content="复制">
<meta name="lang:clipboard.copied" content="已复制">
<meta name="lang:search.language" content="jp">
<meta name="lang:search.pipeline.stopwords" content="True">
<meta name="lang:search.pipeline.trimmer" content="True">
<meta name="lang:search.result.none" content="没有找到符合条件的结果">
<meta name="lang:search.result.one" content="找到 1 个符合条件的结果">
<meta name="lang:search.result.other" content="# 个符合条件的结果">
<meta name="lang:search.tokenizer" content="[\uff0c\u3002]+">
<link rel="shortcut icon" href="../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.0.4, mkdocs-material-4.4.3">
<title>TesterHome 登录 - HttpRunner V2.x 中文使用文档</title>
<link rel="stylesheet" href="../../assets/stylesheets/application.30686662.css">
<link rel="stylesheet" href="../../assets/stylesheets/application-palette.a8b3c06d.css">
<meta name="theme-color" content="#3f51b5">
<script src="../../assets/javascripts/modernizr.74668098.js"></script>
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700|Roboto+Mono&display=fallback">
<style>body,input{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"Roboto Mono","Courier New",Courier,monospace}</style>
<link rel="stylesheet" href="../../assets/fonts/material-icons.css">
<script>
window.ga = window.ga || function() {
(ga.q = ga.q || []).push(arguments)
}
ga.l = +new Date
/* Setup integration and send page view */
ga("create", "UA-114587036-2", "auto")
ga("set", "anonymizeIp", true)
ga("send", "pageview")
/* Register handler to log search on blur */
document.addEventListener("DOMContentLoaded", () => {
if (document.forms.search) {
var query = document.forms.search.query
query.addEventListener("blur", function() {
if (this.value) {
var path = document.location.pathname;
ga("send", "pageview", path + "?q=" + this.value)
}
})
}
})
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
</head>
<body dir="ltr" data-md-color-primary="indigo" data-md-color-accent="indigo">
<svg class="md-svg">
<defs>
<svg xmlns="http://www.w3.org/2000/svg" width="416" height="448" viewBox="0 0 416 448" id="__github"><path fill="currentColor" d="M160 304q0 10-3.125 20.5t-10.75 19T128 352t-18.125-8.5-10.75-19T96 304t3.125-20.5 10.75-19T128 256t18.125 8.5 10.75 19T160 304zm160 0q0 10-3.125 20.5t-10.75 19T288 352t-18.125-8.5-10.75-19T256 304t3.125-20.5 10.75-19T288 256t18.125 8.5 10.75 19T320 304zm40 0q0-30-17.25-51T296 232q-10.25 0-48.75 5.25Q229.5 240 208 240t-39.25-2.75Q130.75 232 120 232q-29.5 0-46.75 21T56 304q0 22 8 38.375t20.25 25.75 30.5 15 35 7.375 37.25 1.75h42q20.5 0 37.25-1.75t35-7.375 30.5-15 20.25-25.75T360 304zm56-44q0 51.75-15.25 82.75-9.5 19.25-26.375 33.25t-35.25 21.5-42.5 11.875-42.875 5.5T212 416q-19.5 0-35.5-.75t-36.875-3.125-38.125-7.5-34.25-12.875T37 371.5t-21.5-28.75Q0 312 0 260q0-59.25 34-99-6.75-20.5-6.75-42.5 0-29 12.75-54.5 27 0 47.5 9.875t47.25 30.875Q171.5 96 212 96q37 0 70 8 26.25-20.5 46.75-30.25T376 64q12.75 25.5 12.75 54.5 0 21.75-6.75 42 34 40 34 99.5z"/></svg>
</defs>
</svg>
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" data-md-component="overlay" for="__drawer"></label>
<a href="#_1" tabindex="1" class="md-skip">
跳转至
</a>
<header class="md-header" data-md-component="header">
<nav class="md-header-nav md-grid">
<div class="md-flex">
<div class="md-flex__cell md-flex__cell--shrink">
<a href="../.." title="HttpRunner V2.x 中文使用文档" class="md-header-nav__button md-logo">
<i class="md-icon"></i>
</a>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<label class="md-icon md-icon--menu md-header-nav__button" for="__drawer"></label>
</div>
<div class="md-flex__cell md-flex__cell--stretch">
<div class="md-flex__ellipsis md-header-nav__title" data-md-component="title">
<span class="md-header-nav__topic">
HttpRunner V2.x 中文使用文档
</span>
<span class="md-header-nav__topic">
TesterHome 登录
</span>
</div>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<label class="md-icon md-icon--search md-header-nav__button" for="__search"></label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" placeholder="搜索" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="query" data-md-state="active">
<label class="md-icon md-search__icon" for="__search"></label>
<button type="reset" class="md-icon md-search__icon" data-md-component="reset" tabindex="-1">
&#xE5CD;
</button>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="result">
<div class="md-search-result__meta">
键入以开始搜索
</div>
<ol class="md-search-result__list"></ol>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<div class="md-header-nav__source">
<a href="https://github.com/HttpRunner/HttpRunner" title="前往 Github 仓库" class="md-source" data-md-source="github">
<div class="md-source__icon">
<svg viewBox="0 0 24 24" width="24" height="24">
<use xlink:href="#__github" width="24" height="24"></use>
</svg>
</div>
<div class="md-source__repository">
HttpRunner
</div>
</a>
</div>
</div>
</div>
</nav>
</header>
<div class="md-container">
<main class="md-main" role="main">
<div class="md-main__inner md-grid" data-md-component="container">
<div class="md-sidebar md-sidebar--primary" data-md-component="navigation">
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary" data-md-level="0">
<label class="md-nav__title md-nav__title--site" for="__drawer">
<a href="../.." title="HttpRunner V2.x 中文使用文档" class="md-nav__button md-logo">
<i class="md-icon"></i>
</a>
HttpRunner V2.x 中文使用文档
</label>
<div class="md-nav__source">
<a href="https://github.com/HttpRunner/HttpRunner" title="前往 Github 仓库" class="md-source" data-md-source="github">
<div class="md-source__icon">
<svg viewBox="0 0 24 24" width="24" height="24">
<use xlink:href="#__github" width="24" height="24"></use>
</svg>
</div>
<div class="md-source__repository">
HttpRunner
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." title="介绍" class="md-nav__link">
介绍
</a>
</li>
<li class="md-nav__item">
<a href="../../Installation/" title="安装说明" class="md-nav__link">
安装说明
</a>
</li>
<li class="md-nav__item">
<a href="../../quickstart/" title="快速上手" class="md-nav__link">
快速上手
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-toggle md-nav__toggle" data-md-toggle="nav-4" type="checkbox" id="nav-4">
<label class="md-nav__link" for="nav-4">
基础概念
</label>
<nav class="md-nav" data-md-component="collapsible" data-md-level="1">
<label class="md-nav__title" for="nav-4">
基础概念
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../concept/nominal/" title="名词解释" class="md-nav__link">
名词解释
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-toggle md-nav__toggle" data-md-toggle="nav-5" type="checkbox" id="nav-5">
<label class="md-nav__link" for="nav-5">
测试准备
</label>
<nav class="md-nav" data-md-component="collapsible" data-md-level="1">
<label class="md-nav__title" for="nav-5">
测试准备
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../prepare/record/" title="录制生成用例" class="md-nav__link">
录制生成用例
</a>
</li>
<li class="md-nav__item">
<a href="../../prepare/project-structure/" title="项目文件组织" class="md-nav__link">
项目文件组织
</a>
</li>
<li class="md-nav__item">
<a href="../../prepare/testcase-structure/" title="测试用例组织" class="md-nav__link">
测试用例组织
</a>
</li>
<li class="md-nav__item">
<a href="../../prepare/request-hook/" title="hook机制" class="md-nav__link">
hook机制
</a>
</li>
<li class="md-nav__item">
<a href="../../prepare/dot-env/" title="环境变量" class="md-nav__link">
环境变量
</a>
</li>
<li class="md-nav__item">
<a href="../../prepare/testcase-layer/" title="测试用例分层" class="md-nav__link">
测试用例分层
</a>
</li>
<li class="md-nav__item">
<a href="../../prepare/parameters/" title="参数化数据驱动" class="md-nav__link">
参数化数据驱动
</a>
</li>
<li class="md-nav__item">
<a href="../../prepare/validate-pretty/" title="Validate & Prettify" class="md-nav__link">
Validate & Prettify
</a>
</li>
<li class="md-nav__item">
<a href="../../prepare/security/" title="信息安全" class="md-nav__link">
信息安全
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-toggle md-nav__toggle" data-md-toggle="nav-6" type="checkbox" id="nav-6">
<label class="md-nav__link" for="nav-6">
测试执行
</label>
<nav class="md-nav" data-md-component="collapsible" data-md-level="1">
<label class="md-nav__title" for="nav-6">
测试执行
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../run-tests/cli/" title="运行测试(CLI)" class="md-nav__link">
运行测试(CLI)
</a>
</li>
<li class="md-nav__item">
<a href="../../run-tests/report/" title="测试报告" class="md-nav__link">
测试报告
</a>
</li>
<li class="md-nav__item">
<a href="../../run-tests/load-test/" title="性能测试" class="md-nav__link">
性能测试
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-toggle md-nav__toggle" data-md-toggle="nav-7" type="checkbox" id="nav-7">
<label class="md-nav__link" for="nav-7">
开发扩展
</label>
<nav class="md-nav" data-md-component="collapsible" data-md-level="1">
<label class="md-nav__title" for="nav-7">
开发扩展
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../development/architecture/" title="Pipline" class="md-nav__link">
Pipline
</a>
</li>
<li class="md-nav__item">
<a href="../../development/dev-api/" title="基础库调用" class="md-nav__link">
基础库调用
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../FAQ/" title="FAQ" class="md-nav__link">
FAQ
</a>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-toggle md-nav__toggle" data-md-toggle="nav-9" type="checkbox" id="nav-9" checked>
<label class="md-nav__link" for="nav-9">
实践案例
</label>
<nav class="md-nav" data-md-component="collapsible" data-md-level="1">
<label class="md-nav__title" for="nav-9">
实践案例
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--active">
<input class="md-toggle md-nav__toggle" data-md-toggle="toc" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
TesterHome 登录
</label>
<a href="./" title="TesterHome 登录" class="md-nav__link md-nav__link--active">
TesterHome 登录
</a>
<nav class="md-nav md-nav--secondary">
<label class="md-nav__title" for="__toc">目录</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="#_1" class="md-nav__link">
案例介绍
</a>
</li>
<li class="md-nav__item">
<a href="#_2" class="md-nav__link">
准备工作
</a>
<nav class="md-nav">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#har" class="md-nav__link">
抓包生成 HAR 文件
</a>
</li>
<li class="md-nav__item">
<a href="#_3" class="md-nav__link">
转换生成测试用例
</a>
</li>
<li class="md-nav__item">
<a href="#_4" class="md-nav__link">
首次运行测试用例
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_5" class="md-nav__link">
调试 &amp; 优化测试用例
</a>
<nav class="md-nav">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#_6" class="md-nav__link">
关联处理
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../related-docs/" title="相关资料" class="md-nav__link">
相关资料
</a>
</li>
<li class="md-nav__item">
<a href="../../CHANGELOG/" title="CHANGELOG" class="md-nav__link">
CHANGELOG
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="toc">
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary">
<label class="md-nav__title" for="__toc">目录</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="#_1" class="md-nav__link">
案例介绍
</a>
</li>
<li class="md-nav__item">
<a href="#_2" class="md-nav__link">
准备工作
</a>
<nav class="md-nav">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#har" class="md-nav__link">
抓包生成 HAR 文件
</a>
</li>
<li class="md-nav__item">
<a href="#_3" class="md-nav__link">
转换生成测试用例
</a>
</li>
<li class="md-nav__item">
<a href="#_4" class="md-nav__link">
首次运行测试用例
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#_5" class="md-nav__link">
调试 &amp; 优化测试用例
</a>
<nav class="md-nav">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#_6" class="md-nav__link">
关联处理
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content">
<article class="md-content__inner md-typeset">
<h1>TesterHome 登录</h1>
<h2 id="_1">案例介绍<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<p>通过接口自动化实现 TesterHome 的登录退出功能。</p>
<p><img alt="" src="../../images/testerhome-login.png" /></p>
<p>功能描述:</p>
<ul>
<li>进入<a href="https://testerhome.com/account/sign_in">登录页面</a></li>
<li>输入账号和密码</li>
<li>点击【Sign In】进行登录</li>
</ul>
<h2 id="_2">准备工作<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<h3 id="har">抓包生成 HAR 文件<a class="headerlink" href="#har" title="Permanent link">&para;</a></h3>
<p>在浏览器中人工进行登录操作同时使用抓包工具进行抓包。抓包时建议使用过滤器Filter常用的做法是采用被测系统的 host将无关请求过滤掉。</p>
<p><img alt="" src="../../images/testerhome-login-charles.png" /></p>
<p>选择需要生成测试用例的请求,导出为 HTTP Archive (.har) 格式的文件。</p>
<p><img alt="" src="../../images/testerhome-charles-export.png" /></p>
<p><img alt="" src="../../images/charles-export-har.png" /></p>
<h3 id="_3">转换生成测试用例<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h3>
<p>成功安装 HttpRunner 后,系统中会新增 <code>har2case</code> 命令,使用该命令可将 HAR 数据包转换为 HttpRunner 支持的 <code>YAML/JSON</code> 测试用例文件。</p>
<div class="codehilite"><pre><span></span>$ har2case docs/data/testerhome-login.har -2y
INFO:root:Start to generate testcase.
INFO:root:dump testcase to YAML format.
INFO:root:Generate YAML testcase successfully: docs/data/testerhome-login.yml
</pre></div>
<p>生成的测试用例内容如下:</p>
<details>
<summary>点击查看</summary>
<div class="codehilite"><pre><span></span><span class="p p-Indicator">-</span> <span class="nt">config</span><span class="p">:</span>
<span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">testcase description</span>
<span class="nt">variables</span><span class="p">:</span> <span class="p p-Indicator">{}</span>
<span class="p p-Indicator">-</span> <span class="nt">test</span><span class="p">:</span>
<span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">/account/sign_in</span>
<span class="nt">request</span><span class="p">:</span>
<span class="nt">headers</span><span class="p">:</span>
<span class="nt">If-None-Match</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">W/&quot;bc9ae267fdcbd89bf1dfaea10dea2b0e&quot;</span>
<span class="nt">User-Agent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36</span>
<span class="l l-Scalar l-Scalar-Plain">(KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36</span>
<span class="nt">method</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">GET</span>
<span class="nt">url</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://testerhome.com/account/sign_in</span>
<span class="nt">validate</span><span class="p">:</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">status_code</span><span class="p p-Indicator">,</span> <span class="nv">200</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">headers.Content-Type</span><span class="p p-Indicator">,</span> <span class="nv">text/html; charset=utf-8</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">test</span><span class="p">:</span>
<span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">/assets/big_logo-cd32144f74c18746f3dce33e1040e7dfe4c07c8e611e37f3868b1c16b5095da3.png</span>
<span class="nt">request</span><span class="p">:</span>
<span class="nt">headers</span><span class="p">:</span>
<span class="nt">User-Agent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36</span>
<span class="l l-Scalar l-Scalar-Plain">(KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36</span>
<span class="nt">method</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">GET</span>
<span class="nt">url</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://testerhome.com/assets/big_logo-cd32144f74c18746f3dce33e1040e7dfe4c07c8e611e37f3868b1c16b5095da3.png</span>
<span class="nt">validate</span><span class="p">:</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">status_code</span><span class="p p-Indicator">,</span> <span class="nv">200</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">headers.Content-Type</span><span class="p p-Indicator">,</span> <span class="nv">image/png</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">test</span><span class="p">:</span>
<span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">/account/sign_in</span>
<span class="nt">request</span><span class="p">:</span>
<span class="nt">data</span><span class="p">:</span>
<span class="nt">commit</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Sign In</span>
<span class="l l-Scalar l-Scalar-Plain">user[login]</span><span class="p p-Indicator">:</span> <span class="l l-Scalar l-Scalar-Plain">debugtalk</span>
<span class="l l-Scalar l-Scalar-Plain">user[password]</span><span class="p p-Indicator">:</span> <span class="l l-Scalar l-Scalar-Plain">XXXXXXXX</span>
<span class="l l-Scalar l-Scalar-Plain">user[remember_me]</span><span class="p p-Indicator">:</span> <span class="s">&#39;1&#39;</span>
<span class="nt">utf8</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain"></span>
<span class="nt">headers</span><span class="p">:</span>
<span class="nt">Content-Type</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">application/x-www-form-urlencoded; charset=UTF-8</span>
<span class="nt">User-Agent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36</span>
<span class="l l-Scalar l-Scalar-Plain">(KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36</span>
<span class="nt">X-CSRF-Token</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">0zAKFDDPnNI2+Vwq/iwDPR9vo7KWobfNLAye4EaGBTlsSxMzTNf39lLF9z35f5mcROM7JgOP+azBCuDe84G+XA==</span>
<span class="nt">X-Requested-With</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">XMLHttpRequest</span>
<span class="nt">method</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">POST</span>
<span class="nt">url</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://testerhome.com/account/sign_in</span>
<span class="nt">validate</span><span class="p">:</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">status_code</span><span class="p p-Indicator">,</span> <span class="nv">200</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">headers.Content-Type</span><span class="p p-Indicator">,</span> <span class="nv">text/javascript; charset=utf-8</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">test</span><span class="p">:</span>
<span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">/</span>
<span class="nt">request</span><span class="p">:</span>
<span class="nt">headers</span><span class="p">:</span>
<span class="nt">If-None-Match</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">W/&quot;bad62c68dac27b01151516aad5c7f0be&quot;</span>
<span class="nt">Turbolinks-Referrer</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://testerhome.com/account/sign_in</span>
<span class="nt">User-Agent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36</span>
<span class="l l-Scalar l-Scalar-Plain">(KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36</span>
<span class="nt">method</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">GET</span>
<span class="nt">url</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://testerhome.com/</span>
<span class="nt">validate</span><span class="p">:</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">status_code</span><span class="p p-Indicator">,</span> <span class="nv">200</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">headers.Content-Type</span><span class="p p-Indicator">,</span> <span class="nv">text/html; charset=utf-8</span><span class="p p-Indicator">]</span>
</pre></div>
</details>
<h3 id="_4">首次运行测试用例<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h3>
<p>成功安装 HttpRunner 后,系统中会新增 <code>hrun</code> 命令,该命令是 HttpRunner 的核心命令,用于运行 HttpRunner 支持的 <code>YAML/JSON</code> 测试用例文件。</p>
<p>生成测试用例后,我们可以先尝试运行一次,大多数情况,如果被测场景中不存在关联的情况,是可以直接运行成功的。</p>
<div class="codehilite"><pre><span></span>$ hrun docs/data/testerhome-login.yml --failfast --log-level info
INFO Start to run testcase: testcase description
/account/sign_in
INFO GET https://testerhome.com/account/sign_in
INFO status_code: <span class="m">200</span>, response_time<span class="o">(</span>ms<span class="o">)</span>: <span class="m">189</span>.66 ms, response_length: <span class="m">12584</span> bytes
.
/assets/big_logo-cd32144f74c18746f3dce33e1040e7dfe4c07c8e611e37f3868b1c16b5095da3.png
INFO GET https://testerhome.com/assets/big_logo-cd32144f74c18746f3dce33e1040e7dfe4c07c8e611e37f3868b1c16b5095da3.png
INFO status_code: <span class="m">200</span>, response_time<span class="o">(</span>ms<span class="o">)</span>: <span class="m">83</span>.98 ms, response_length: <span class="m">15229</span> bytes
.
/account/sign_in
INFO POST https://testerhome.com/account/sign_in
INFO status_code: <span class="m">200</span>, response_time<span class="o">(</span>ms<span class="o">)</span>: <span class="m">172</span>.8 ms, response_length: <span class="m">89</span> bytes
.
/
INFO GET https://testerhome.com/
INFO status_code: <span class="m">200</span>, response_time<span class="o">(</span>ms<span class="o">)</span>: <span class="m">257</span>.41 ms, response_length: <span class="m">52463</span> bytes
.
----------------------------------------------------------------------
Ran <span class="m">4</span> tests in <span class="m">0</span>.722s
OK
INFO Start to render Html report ...
INFO Generated Html report: /Users/debugtalk/MyProjects/HttpRunner-dev/httprunner-docs-v2x/reports/1555662601.html
</pre></div>
<p>比较幸运,脚本在没有做任何修改的情况下运行成功了。</p>
<h2 id="_5">调试 &amp; 优化测试用例<a class="headerlink" href="#_5" title="Permanent link">&para;</a></h2>
<p>虽然脚本运行成功了,但是为了更好地管理和维护脚本,需要对脚本进行优化调整。</p>
<h3 id="_6">关联处理<a class="headerlink" href="#_6" title="Permanent link">&para;</a></h3>
<p>查看录制生成的脚本,可以看到在发起登录请求时包含了 <code>X-CSRF-Token</code>,如果熟悉网络信息安全的基础知识,就会联想到该字段是动态变化的,每次都是先从服务器端返回至客户端,客户端在后续发起请求时需要携带该字段。</p>
<div class="codehilite"><pre><span></span><span class="p p-Indicator">-</span> <span class="nt">test</span><span class="p">:</span>
<span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">/account/sign_in</span>
<span class="nt">request</span><span class="p">:</span>
<span class="nt">data</span><span class="p">:</span>
<span class="nt">commit</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Sign In</span>
<span class="l l-Scalar l-Scalar-Plain">user[login]</span><span class="p p-Indicator">:</span> <span class="l l-Scalar l-Scalar-Plain">debugtalk</span>
<span class="l l-Scalar l-Scalar-Plain">user[password]</span><span class="p p-Indicator">:</span> <span class="l l-Scalar l-Scalar-Plain">XXXXXXXX</span>
<span class="l l-Scalar l-Scalar-Plain">user[remember_me]</span><span class="p p-Indicator">:</span> <span class="s">&#39;1&#39;</span>
<span class="nt">utf8</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain"></span>
<span class="nt">headers</span><span class="p">:</span>
<span class="nt">Content-Type</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">application/x-www-form-urlencoded; charset=UTF-8</span>
<span class="nt">User-Agent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36</span>
<span class="l l-Scalar l-Scalar-Plain">(KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36</span>
<span class="nt">X-CSRF-Token</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">0zAKFDDPnNI2+Vwq/iwDPR9vo7KWobfNLAye4EaGBTlsSxMzTNf39lLF9z35f5mcROM7JgOP+azBCuDe84G+XA==</span>
<span class="nt">X-Requested-With</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">XMLHttpRequest</span>
<span class="nt">method</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">POST</span>
<span class="nt">url</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://testerhome.com/account/sign_in</span>
<span class="nt">validate</span><span class="p">:</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">status_code</span><span class="p p-Indicator">,</span> <span class="nv">200</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">headers.Content-Type</span><span class="p p-Indicator">,</span> <span class="nv">text/html; charset=utf-8</span><span class="p p-Indicator">]</span>
</pre></div>
<p>虽然当前直接运行录制生成的脚本也是成功的,但很有可能在过了一段时间后,<code>X-CSRF-Token</code> 失效,脚本也就无法再成功运行了。因此在测试脚本中,该字段不能写死为抓包时获取的值,而是要每次动态地从前面的接口响应中获取。</p>
<p>那要怎么确定该字段是在之前的哪个接口中返回的呢?</p>
<p>操作方式也很简单可以在抓包工具中对该字段进行搜索特别地搜索范围限定为响应内容Response Header、Response Body</p>
<p>即可搜索得到该字段是在哪个接口中从服务器端返回值客户端的。</p>
<p><img alt="" src="../../images/charles-search-response.png" /></p>
<p>有时候可能搜索会得到多个结果,那么在确定是使用哪个接口响应的时候,遵循两个原则即可:</p>
<ul>
<li>响应一定是出现在当前接口之前</li>
<li>如果在当前接口之前存在多个接口均有此返回,那么取最靠近当前接口的即可</li>
</ul>
<p>通过前面的搜索可知,<code>X-CSRF-Token</code> 的值是在第一个接口中响应返回的。</p>
<p><img alt="" src="../../images/charles-locate-response-token.png" /></p>
<p>确定出具体的接口后,那么就可以在测试脚本中从该接口使用 <code>extract</code> 提取对应的字段,然后在后续接口中引用提取出的字段。</p>
<p>在当前案例中,第一个接口的响应内容为 HTML 页面,要提取字段可以使用正则匹配的方式。具体的做法就是指定目标字段的左右边界,目标字段使用 <code>(.*)</code> 匹配获取。</p>
<div class="codehilite"><pre><span></span><span class="p p-Indicator">-</span> <span class="nt">test</span><span class="p">:</span>
<span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">/account/sign_in</span>
<span class="nt">request</span><span class="p">:</span>
<span class="nt">headers</span><span class="p">:</span>
<span class="nt">If-None-Match</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">W/&quot;bc9ae267fdcbd89bf1dfaea10dea2b0e&quot;</span>
<span class="nt">User-Agent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36</span>
<span class="l l-Scalar l-Scalar-Plain">(KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36</span>
<span class="nt">method</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">GET</span>
<span class="nt">url</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://testerhome.com/account/sign_in</span>
<span class="nt">extract</span><span class="p">:</span>
<span class="nt">X_CSRF_Token</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">&lt;meta name=&quot;csrf-token&quot; content=&quot;(.*)&quot; /&gt;</span>
<span class="nt">validate</span><span class="p">:</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">status_code</span><span class="p p-Indicator">,</span> <span class="nv">200</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">headers.Content-Type</span><span class="p p-Indicator">,</span> <span class="nv">text/html; charset=utf-8</span><span class="p p-Indicator">]</span>
</pre></div>
<p>然后,在后续使用到该字段的接口中,引用提取出的字段即可。</p>
<div class="codehilite"><pre><span></span><span class="p p-Indicator">-</span> <span class="nt">test</span><span class="p">:</span>
<span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">/account/sign_in</span>
<span class="nt">request</span><span class="p">:</span>
<span class="nt">data</span><span class="p">:</span>
<span class="nt">commit</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Sign In</span>
<span class="l l-Scalar l-Scalar-Plain">user[login]</span><span class="p p-Indicator">:</span> <span class="l l-Scalar l-Scalar-Plain">debugtalk</span>
<span class="l l-Scalar l-Scalar-Plain">user[password]</span><span class="p p-Indicator">:</span> <span class="l l-Scalar l-Scalar-Plain">XXXXXXXX</span>
<span class="l l-Scalar l-Scalar-Plain">user[remember_me]</span><span class="p p-Indicator">:</span> <span class="s">&#39;1&#39;</span>
<span class="nt">utf8</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain"></span>
<span class="nt">headers</span><span class="p">:</span>
<span class="nt">Content-Type</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">application/x-www-form-urlencoded; charset=UTF-8</span>
<span class="nt">User-Agent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36</span>
<span class="l l-Scalar l-Scalar-Plain">(KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36</span>
<span class="nt">X-CSRF-Token</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">$X_CSRF_Token</span>
<span class="nt">X-Requested-With</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">XMLHttpRequest</span>
<span class="nt">method</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">POST</span>
<span class="nt">url</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://testerhome.com/account/sign_in</span>
<span class="nt">validate</span><span class="p">:</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">status_code</span><span class="p p-Indicator">,</span> <span class="nv">200</span><span class="p p-Indicator">]</span>
<span class="p p-Indicator">-</span> <span class="nt">eq</span><span class="p">:</span> <span class="p p-Indicator">[</span><span class="nv">headers.Content-Type</span><span class="p p-Indicator">,</span> <span class="nv">text/html; charset=utf-8</span><span class="p p-Indicator">]</span>
</pre></div>
</article>
</div>
</div>
</main>
<footer class="md-footer">
<div class="md-footer-nav">
<nav class="md-footer-nav__inner md-grid">
<a href="../../FAQ/" title="FAQ" class="md-flex md-footer-nav__link md-footer-nav__link--prev" rel="prev">
<div class="md-flex__cell md-flex__cell--shrink">
<i class="md-icon md-icon--arrow-back md-footer-nav__button"></i>
</div>
<div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title">
<span class="md-flex__ellipsis">
<span class="md-footer-nav__direction">
上一页
</span>
FAQ
</span>
</div>
</a>
<a href="../../related-docs/" title="相关资料" class="md-flex md-footer-nav__link md-footer-nav__link--next" rel="next">
<div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title">
<span class="md-flex__ellipsis">
<span class="md-footer-nav__direction">
下一页
</span>
相关资料
</span>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<i class="md-icon md-icon--arrow-forward md-footer-nav__button"></i>
</div>
</a>
</nav>
</div>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-footer-copyright">
<div class="md-footer-copyright__highlight">
Copyright &copy; 2017 - 2019 debugtalk
</div>
powered by
<a href="https://www.mkdocs.org">MkDocs</a>
and
<a href="https://squidfunk.github.io/mkdocs-material/">
Material for MkDocs</a>
</div>
<div class="md-footer-social">
<link rel="stylesheet" href="../../assets/fonts/font-awesome.css">
<a href="https://debugtalk.com" class="md-footer-social__link fa fa-globe"></a>
<a href="https://github.com/httprunner" class="md-footer-social__link fa fa-github"></a>
</div>
</div>
</div>
</footer>
</div>
<script src="../../assets/javascripts/application.ac79c3b0.js"></script>
<script src="../../assets/javascripts/lunr/lunr.stemmer.support.js"></script>
<script>app.initialize({version:"1.0.4",url:{base:"../.."}})</script>
<script src="../../js/slardar.js"></script>
</body>
</html>