云端笔记系统-自动化测试

文章目录

  • 1. 思维导图编写 Web 自动化测试用例
  • 2. 创建测试项目
  • 3. 根据思维导图设计【云端笔记】自动化测试用例
    • 3.1. 准备工具类
    • 3.2. 测试注册页面
    • 3.3. 测试登陆页面
    • 3.4. 测试添加博客页
    • 3.5. 测试我的博客列表页
    • 3.6. 测试修改博客页
    • 3.7. 测试博客列表页
    • 3.8. 测试博客详情页
    • 3.9. 测试未登录状态
  • 4. 自动化测试项目总结
    • 4.1 自动化测试项目实现步骤
    • 4.2 当前项目测试亮点

----------------------【云端笔记】自动化测试代码-----------------------

1. 思维导图编写 Web 自动化测试用例

云端笔记系统-自动化测试_第1张图片

2. 创建测试项目

  1. 创建 Maven 项目
  2. 在 test 包下编写相关测试代码
  3. 导入自动化测试需要的相关依赖

在 pom.xml 中引入自动化测试相关依赖:

    <dependencies>
        <dependency>
            <groupId>org.seleniumhq.selenium</groupId>
            <artifactId>selenium-java</artifactId>
            <version>4.0.0</version>
        </dependency>
        <!-- 保存屏幕截图文件需要用到的包-->
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.6</version>
        </dependency>
        <!-- Junit 中 参数化测试 -->
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter</artifactId>
            <version>5.8.2</version>
            <scope>test</scope>
        </dependency>
        <!-- junit 中 测试套件 -->
        <dependency>
            <groupId>org.junit.platform</groupId>
            <artifactId>junit-platform-suite</artifactId>
            <version>1.8.2</version>
            <scope>test</scope>
        </dependency>
    </dependencies>

3. 根据思维导图设计【云端笔记】自动化测试用例

3.1. 准备工具类

在 common 包下创建 AutoTestUtils 类,该类需要提供以下功能:

  1. 创建驱动对象,提供给页面使用。
  2. 创建隐式等待,作用于驱动对象的整个生命周期。
  3. 提供屏幕截图方法,以及保存截图的格式。
/**
 * @Description: 创建驱动对象;提供屏幕截图方法
 * @Date 2023/9/3 9:03
 * @Author:
 */
public class AutoTestUtils {

    public static EdgeDriver driver;

    /**
     * @param :
     * @return EdgeDriver
     * @description 创建驱动对象
     */
    public static EdgeDriver createDriver() {
        EdgeOptions options = new EdgeOptions();
        options.addArguments("-remote-allow-origins=*");
        // 驱动对象没有创建
        if (driver == null) {
            // 创建隐式等待
            driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(10));
        }
        // 驱动对象已经创建好了
        return driver;
    }

    /**
     * @param str:  类名
     * @return void
     * @description 获取屏幕截图,把所有的用例执行的结果都保存下来
     */
    public void getScreenShot(String str) throws IOException {
        List<String> list = getTime();
        // ./src/test/java/com/usermanagerWebAutoTest/日期/类名_日期_时间.png
        String filename = "./src/test/java/com/usermanagerWebAutoTest/" + list.get(0) +
                "/" + str + "_" + list.get(1) + ".png";
        // 进行屏幕截图
        File srcFile = driver.getScreenshotAs(OutputType.FILE);
        // 将屏幕截图生成的图片放到指定路径下
        FileUtils.copyFile(srcFile,new File(filename));
    }

    public List<String> getTime() {
        // 文件格式 2023-04-15/2023-04-15_12:36:00
        SimpleDateFormat sim1 = new SimpleDateFormat("yyyy-MM-dd");
        SimpleDateFormat sim2 = new SimpleDateFormat("yyyyMMdd-HHmmssSS");
        // 以天的维度按文件夹进行保存
        String dirname = sim1.format(System.currentTimeMillis());
        String filename = sim2.format(System.currentTimeMillis());
        List<String> list = new ArrayList<>();
        list.add(dirname);
        list.add(filename);
        return list;
    }
}

在 Tests 包下创建 DriverQuitTest 类,该类的主要作用是用来释放驱动

/**
 * @Description: 释放驱动
 * @Date 2023/9/3 9:12
 * @Author:
 */
public class DriverQuitTest extends AutoTestUtils {

    public static EdgeDriver driver = createDriver();

    @Test
    void driverQuit() {
        driver.quit();
    }
}

在 Tests 包下创建 runSuite 类,该类的就是测试套件

/**
 * @Description: 测试套件
 * @Date 2023/9/3 9:13
 * @Author:
 */
@Suite
@SelectClasses({DriverQuitTest.class})
public class runSuite {
}

3.2. 测试注册页面

创建 UserRegTest 类,该类的测试用例有 6 个。

  • 页面是否可以正常打开
  • 输入合法的用户名、密码、确认密码,点击注册
  • 输入不合法的用户名、密码,点击注册
  • 输入的密码和确认密码不一致,点击注册
  • 输入用户名、密码、确认密码都为空,点击注册
  • 输入用户名/密码/确认密码任意为空,点击注册
/**
 * @Description: 测试注册页面
 * @Date 2023/9/3 9:45
 * @Author:
 */
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class UserRegTest extends AutoTestUtils {

    // 1. 访问浏览器对象   2. 访问登录页面的 URL
    public static EdgeDriver driver = createDriver();

    @BeforeAll
    static void baseControl() {
        driver.get("http://47.108.57.239:7070/reg.html");
    }

    /**
     * @param :
     * @return void
     * @description 检查页面是否可以正常打开
     */
    @Test
    @Order(1)
    void regPageLoadRight() throws IOException {
        driver.findElement(By.cssSelector("#username"));
        driver.findElement(By.cssSelector("#password"));
        driver.findElement(By.cssSelector("#password2"));
        driver.findElement(By.cssSelector("#submit"));
        getScreenShot(getClass().getName());
    }

    /**
     * @param username:  用户名
     * @param password:  密码
     * @param password2: 确认密码
     * @return void
     * @description 注册失败:密码,确认密码不一致
     */
    @ParameterizedTest
    @CsvSource({"lisi,111,222"})
    @Order(2)
    void regFailIllegalNameOrPass(String username, String password, String password2) throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#username")).clear(); // 先清空一下
        driver.findElement(By.cssSelector("#password")).clear();
        driver.findElement(By.cssSelector("#password2")).clear();

        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#password2")).sendKeys(password2);
        driver.findElement(By.cssSelector("#submit")).click();
        // 登录失败结果检测
        Thread.sleep(2000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认
        alert.accept();
        getScreenShot(getClass().getName());
    }

    /**
     * @param username:  用户名
     * @return void
     * @description 注册失败:用户名不为null,其他注册信息为null
     */
    @ParameterizedTest
    @ValueSource(strings = {"111","2222","3333"})
    @Order(3)
    void regFaiPasswordNull(String username) throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#username")).clear(); // 先清空一下
        driver.findElement(By.cssSelector("#password")).clear();
        driver.findElement(By.cssSelector("#password2")).clear();

        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#submit")).click();
        // 登录失败结果检测
        Thread.sleep(2000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认
        alert.accept();
    }

    /**
     * @param password:  密码
     * @param password2: 确认密码
     * @return void
     * @description 注册失败:用户名为null,其他注册信息不为null
     */
    @ParameterizedTest
    @CsvSource({"111,111","222,222"})
    @Order(4)
    void regFailUsernameNull(String password, String password2) throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#username")).clear(); // 先清空一下
        driver.findElement(By.cssSelector("#password")).clear();
        driver.findElement(By.cssSelector("#password2")).clear();

        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#password2")).sendKeys(password2);
        driver.findElement(By.cssSelector("#submit")).click();
        // 登录失败结果检测
        Thread.sleep(1000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认
        alert.accept();
        getScreenShot(getClass().getName());
    }

    /**
     * @param username:  用户名
     * @param password:  密码
     * @return void
     * @description 注册失败:用户名,密码不为null,确认密码为null
     */
    @ParameterizedTest
    @CsvSource({"lisi,111,222"})
    @Order(5)
    void regFailIllegalNameOrPass(String username, String password) throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#username")).clear(); // 先清空一下
        driver.findElement(By.cssSelector("#password")).clear();
        driver.findElement(By.cssSelector("#password2")).clear();

        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#submit")).click();
        // 登录失败结果检测
        Thread.sleep(2000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认
        alert.accept();
        getScreenShot(getClass().getName());
    }

    /**
     * @param username: 
     * @param password: 
     * @param password2: 
     * @return void
     * @description 注册成功
     */
    @ParameterizedTest
    @CsvSource({"wangwu,123456,123456"})
    @Order(6)
    void regSucced(String username, String password, String password2) throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#username")).clear(); // 先清空一下
        driver.findElement(By.cssSelector("#password")).clear();
        driver.findElement(By.cssSelector("#password2")).clear();

        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#password2")).sendKeys(password2);
        driver.findElement(By.cssSelector("#submit")).click();
        // 登录成功结果检测
        Thread.sleep(1000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认
        alert.accept();
        Thread.sleep(1000);
        alert.accept();
        Thread.sleep(1000);
        driver.findElement(By.cssSelector("body > div.login-container > div > h3"));
        getScreenShot(getClass().getName());
        // 注册完成,重新返回到注册页面
        driver.navigate().back();
    }
}

3.3. 测试登陆页面

创建 UserLoginTest 类,该类的测试用例有 4 个。

  • 页面是否可以正常打开
  • 输入正确的用户名、密码,点击登录
  • 输入错误的用户名/密码,点击登录
  • 用户名/密码任意为空,点击登录
/**
 * @Description: 测试登陆页面
 * @Date 2023/9/3 11:25
 * @Author:
 */
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class UserLoginTest extends AutoTestUtils {

    // 1. 访问浏览器对象   2. 访问登录页面的 URL
    public static EdgeDriver driver = createDriver();

    @BeforeAll
    static void baseControl() {
        driver.get("http://47.108.57.239:7070/login.html");
    }

    /**
     * @param :
     * @return void
     * @description 检查页面是否可以正常打开
     */
    @Test
    @Order(1)
    void LoginPageLoadRight() throws IOException {
        driver.findElement(By.cssSelector("#username"));
        driver.findElement(By.cssSelector("#password"));
        driver.findElement(By.cssSelector("#submit"));
        getScreenShot(getClass().getName());
    }

    /**
     * @param username: 用户名
     * @return void
     * @description 注册失败:密码为null
     */
    @ParameterizedTest
    @ValueSource(strings = {"wangwu"})
    @Order(2)
    void regFailPasswordNUll(String username) throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#username")).clear(); // 先清空一下
        driver.findElement(By.cssSelector("#password")).clear();

        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#submit")).click();
        // 登录失败结果检测
        Thread.sleep(1000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认
        alert.accept();
        getScreenShot(getClass().getName());
    }

    /**
     * @param password: 密码
     * @return void
     * @description 注册失败:用户名为null
     */
    @ParameterizedTest
    @ValueSource(strings = {"123456"})
    @Order(3)
    void regFailUsernameNUll(String password) throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#username")).clear(); // 先清空一下
        driver.findElement(By.cssSelector("#password")).clear();

        driver.findElement(By.cssSelector("#username")).sendKeys(password);
        driver.findElement(By.cssSelector("#submit")).click();
        // 登录失败结果检测
        Thread.sleep(1000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认
        alert.accept();
        getScreenShot(getClass().getName());
    }

    /**
     * @param username: 用户名
     * @param password: 密码
     * @return void
     * @description 登录成功
     */
    @ParameterizedTest
    @CsvSource({"wangwu,123456"})
    @Order(4)
    void regSucced(String username, String password) throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#username")).clear(); // 先清空一下
        driver.findElement(By.cssSelector("#password")).clear();

        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#submit")).click();
        Thread.sleep(3000);
        getScreenShot(getClass().getName());

        driver.findElement(By.cssSelector("#username"));
    }
}

3.4. 测试添加博客页

创建 BlogAddTest 类,该类的测试用例有 4 个。

登录状态下:

  • 页面内容显示是否正常(markdown编辑器、导航栏、发布文章按钮)
  • 导航栏链接是否跳转正常
  • markdown编辑及显示功能是否正常
  • 发布文章的功能是否正常
/**
 * @Description: 添加博客页
 * @Date 2023/9/3 11:59
 * @Author:
 */
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogAddTest extends AutoTestUtils {

    // 1. 访问浏览器对象   2. 访问登录页面的 URL
    public static EdgeDriver driver = createDriver();

    @BeforeAll
    static void baseControl() {
        driver.get("http://47.108.57.239:7070/blog_add.html");
    }

    /**
     * @param :
     * @return void
     * @description 检查页面是否可以正常打开
     */
    @Test
    @Order(1)
    void BlogAddPageLoadRight() throws IOException {
        driver.findElement(By.cssSelector("#editorDiv > div.editormd-toolbar > div > ul > li:nth-child(12) > a > i"));
        driver.findElement(By.cssSelector("#editorDiv > div.editormd-toolbar > div > ul > li:nth-child(17) > a > i"));
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        driver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button"));
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 链接跳转正常
     */
    @Test
    @Order(2)
    void AddLinkJump() throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)")).click();
        Thread.sleep(1000);
        driver.findElement(By.cssSelector("#username"));
        getScreenShot(getClass().getName());
        driver.navigate().back();
    }

    /**
     * @param :
     * @return void
     * @description 发布文章的功能是否正常
     */
    @Test
    @Order(3)
    public void PublishArticleSucced() throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#title")).sendKeys("测试发布文章");
        Thread.sleep(2000);
        driver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).click();
        Thread.sleep(2000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认发布文章
        alert.accept();
        // 点击取消继续发布
        alert.dismiss();
        Thread.sleep(2000);
        String str = driver.findElement(By.cssSelector("#artlistDiv > div:nth-child(1) > div.title")).getText();
        Assertions.assertEquals("测试发布文章", str);
        getScreenShot(getClass().getName());
    }
}

3.5. 测试我的博客列表页

创建 MyblogListTest 类,该类的测试用例有 5 个。

登录状态下:

  • 页面内容显示是否正常(导航栏、左侧个人信息、右侧博客信息)
  • 测试链接跳转是否正常(导航栏链接)
  • 我的博客列表页存在博客时,测试查看博客详情和修改博客链接是否跳转正常
  • 我的博客列表页存在博客时,测试删除博客功能是否正常
  • 登录状态下,测试注销功能是否正常
/**
 * @Description: 测试我的博客列表页
 * @Date 2023/9/3 12:34
 * @Author:
 */
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class MyblogListTest extends AutoTestUtils {

    // 1. 访问浏览器对象   2. 访问登录页面的 URL
    public static EdgeDriver driver = createDriver();

    @BeforeAll
    static void baseControl() {
        driver.get("http://47.108.57.239:7070/myblog_list.html");
    }

    /**
     * @param :
     * @return void
     * @description 检查页面是否可以正常打开
     */
    @Test
    @Order(1)
    void BlogAddPageLoadRight() throws IOException {
        driver.findElement(By.cssSelector("#username")).getText();
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        String str1 = driver.findElement(By.cssSelector("#artlistDiv > div:nth-child(1) > div.title")).getText();
        Assertions.assertEquals("测试发布文章", str1);
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 测试链接跳转:导航栏;查看全文;修改文章
     */
    @Test
    @Order(2)
    void LinkJump() throws InterruptedException, IOException {
        // 1. 导航栏
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)")).click();
        String str = driver.findElement(By.cssSelector("#listDiv > div:nth-child(1) > div.title")).getText();
        Assertions.assertEquals("测试发布文章", str);
        getScreenShot(getClass().getName());
        driver.navigate().back();
        Thread.sleep(1000);
        // 2. 查看全文
        driver.findElement(By.cssSelector("#artlistDiv > div:nth-child(1) > a:nth-child(4)")).click();
        driver.findElement(By.cssSelector("#title"));
        driver.navigate().back();
        Thread.sleep(1000);
        // 3. 修改文章
        driver.findElement(By.cssSelector("#artlistDiv > div:nth-child(1) > a:nth-child(5)")).click();
        String str1 = driver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).getText();
        Assertions.assertEquals("修改文章", str1);
        driver.navigate().back();
        Thread.sleep(1000);
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 测试删除博客功能是否正常
     */
    @Test
    @Order(3)
    void DeleteBlog() throws InterruptedException, IOException {
        // wangwu此时只有一篇测试博客
        driver.findElement(By.cssSelector("#artlistDiv > div:nth-child(1) > a:nth-child(6)")).click();
        Alert alert = driver.switchTo().alert();
        alert.accept();
        Thread.sleep(1000);
        alert.accept();
        Thread.sleep(1000);
        // 删除完成后,右边博客列表栏就会显示:暂无文章
        String str = driver.findElement(By.cssSelector("#artlistDiv > h3")).getText();
        Assertions.assertEquals("暂无文章", str);
        Thread.sleep(1000);
        getScreenShot(getClass().getName());
    }

    /**
//     * @param :
//     * @return void
//     * @description 测试注销功能(账号退出)
//     */
//    @Test
//    @Order(4)
//    void WriteOff() throws InterruptedException, IOException {
//        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
//        Alert alert = driver.switchTo().alert();
//        alert.accept();
//        // 注销完成后,跳转到登录页面
//        driver.findElement(By.cssSelector("#submit"));
//        Thread.sleep(1000);
//        getScreenShot(getClass().getName());
//    }
}

3.6. 测试修改博客页

创建 BlogEditTest 类,该类的测试用例有 4 个。

登录状态下:

  • 页面内容显示是否正常(markdown编辑器、导航栏、修改文章按钮、原始博客内容显示
  • 导航栏链接是否跳转正常
  • markdown编辑及显示功能是否正常
  • 修改文章功能是否正常
/**
 * @Description: 测试修改博客页
 * @Date 2023/9/3 13:17
 * @Author:
 */
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogEditTest extends AutoTestUtils {

    // 1. 访问浏览器对象   2. 访问登录页面的 URL
    public static EdgeDriver driver = createDriver();


    @BeforeAll
    static void baseControl() {
        // 因为在 myblogList 中已经将测试添加的博客删除了,所以需要重新添加一次
        driver.get("http://47.108.57.239:7070/blog_add.html");
    }

    /**
     * @param :
     * @return void
     * @description 页面内容显示是否正常(markdown编辑器、导航栏、修改文章按钮、原始博客内容显示)
     */
    @Test
    @Order(1)
    void BlogEditPageLoadRight() throws InterruptedException, IOException {
        // 重新发布一篇测试博客后,此时页面在我的博客列表页
        PublishArticleSucced();
        Thread.sleep(1000);
        // 当前在我的博客列表页,需要跳转到修改博客页
        driver.findElement(By.cssSelector("#artlistDiv > div > a:nth-child(5)")).click();
        Thread.sleep(1000);
        driver.findElement(By.cssSelector("#title"));
        // 其他内容是否显示正常
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        String str1 = driver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).getText();
        Assertions.assertEquals("修改文章", str1);
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 测试导航栏链接跳转正常
     */
    @Test
    @Order(2)
    void LinkJump() throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)")).click();
        Thread.sleep(1000);
        driver.findElement(By.cssSelector("#username"));
        driver.navigate().back();
        Thread.sleep(1000);
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 修改文章功能是否正常
     */
    @Test
    @Order(3)
    void EditBlog() throws InterruptedException, IOException {
        // 双击选中文章标题框,获取标题框中文本内容
        WebElement ele = driver.findElement(By.cssSelector("#title"));
        Actions actions = new Actions(driver);
        actions.doubleClick(ele).perform();
        ele.clear();
        ele.sendKeys("测试修改文章");
        Thread.sleep(1000);
        driver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).click();
        Thread.sleep(1000);
        Alert alert = driver.switchTo().alert();
        alert.accept();
        Thread.sleep(1000);
        String str = driver.findElement(By.cssSelector("#artlistDiv > div > div.title")).getText();
        Assertions.assertEquals("测试修改文章", str);
        Thread.sleep(1000);
        getScreenShot(getClass().getName());
    }

    public void PublishArticleSucced() throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("#title")).sendKeys("测试发布文章");
        Thread.sleep(2000);
        driver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).click();
        Thread.sleep(2000);
        // 切换到弹窗进行处理
        Alert alert = driver.switchTo().alert();
        // 点击确认发布文章
        alert.accept();
        // 点击取消继续发布
        Thread.sleep(1000);
        alert.dismiss();
        Thread.sleep(2000);
        String str = driver.findElement(By.cssSelector("#artlistDiv > div:nth-child(1) > div.title")).getText();
        Assertions.assertEquals("测试发布文章", str);
        Thread.sleep(1000);
        getScreenShot(getClass().getName());
    }
}

3.7. 测试博客列表页

创建 BlogListTest 类,该类的测试用例有 3 个。

  • 页面内容显示是否正常(博客信息、分页按钮、导航栏)
  • 导航栏链接是否跳转正常(导航栏、查看全文)
  • 存在博客时,博客分页展示功能是否正常
/**
 * @Description: 测试博客列表页
 * @Date 2023/9/3 13:16
 * @Author:
 */
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogListTest extends AutoTestUtils {

    // 1. 访问浏览器对象   2. 访问登录页面的 URL
    public static EdgeDriver driver = createDriver();

    @BeforeAll
    static void baseControl() {
        driver.get("http://47.108.57.239:7070/blog_list.html");
    }

    /**
     * @param :
     * @return void
     * @description 检查页面是否可以正常打开
     */
    @Test
    @Order(1)
    void BlogEditPageLoadRight() throws IOException, InterruptedException {
        driver.findElement(By.cssSelector("#listDiv > div:nth-child(1) > a"));
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        driver.findElement(By.cssSelector("body > div.container > div > div.blog-pagnation-wrapper > button:nth-child(1)"));
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 测试链接是否跳转正常
     */
    @Test
    @Order(2)
    void LinkJump() throws InterruptedException, IOException {
        // 导航栏
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)")).click();
        String str = driver.findElement(By.cssSelector("#artlistDiv > div > div.title")).getText();
        Assertions.assertEquals("测试修改文章", str);
        Thread.sleep(1000);
        driver.navigate().back();
        Thread.sleep(1000);
        // 查看全文链接
        driver.findElement(By.cssSelector("#listDiv > div:nth-child(1) > a")).click();
        Thread.sleep(1000);
        driver.findElement(By.cssSelector("#title"));
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 测试博客列表页的分页展示
     */
    @Test
    @Order(3)
    void BlogPaging() throws InterruptedException, IOException {
        // 点击下一页,params=2
        driver.findElement(By.cssSelector("body > div.container > div > div.blog-pagnation-wrapper > button:nth-child(3)")).click();
        Thread.sleep(1000);
        // 获取当前网页的URL
        String currentUrl = driver.getCurrentUrl();
        // 解析URL参数,得到pindex=1,params=1
        String params = currentUrl.split("\\?")[1].split("=")[1];
        Assertions.assertEquals("2", params);
        getScreenShot(getClass().getName());
    }
}

3.8. 测试博客详情页

创建 BlogContentTest 类,该类的测试用例有 2 个。

  • 当前对应 blog_id 的博客的内容信息展示是否正常
  • 导航栏及个人信息展示是否正常
/**
 * @Description: 测试博客详情页
 * @Date 2023/9/3 14:38
 * @Author:
 */
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogContentTest extends AutoTestUtils {

    // 1. 访问浏览器对象   2. 访问登录页面的 URL
    public static EdgeDriver driver = createDriver();

    @BeforeAll
    static void baseControl() {
        driver.get("http://47.108.57.239:7070/blog_list.html");
    }

    /**
     * @param :
     * @return void
     * @description 博客详情信息校验测试
     */
    @Test
    @Order(1)
    void BlogContentSucced() throws InterruptedException, IOException {
        // 当前在博客列表页,需要点击某个博客的查看全文,跳转至对应博客详情页
        String str = driver.findElement(By.cssSelector("#listDiv > div:nth-child(1) > div.title")).getText();
        driver.findElement(By.cssSelector("#listDiv > div:nth-child(1) > a")).click();
        Thread.sleep(1000);
        String str1 = driver.findElement(By.cssSelector("#title")).getText();
        Assertions.assertEquals(str, str1);
        driver.findElement(By.cssSelector("body > div.container > div.container-right > div > div.date"));
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 导航栏及个人信息展示是否正常
     */
    @Test
    @Order(2)
    void BlogEditPageLoadRight() throws IOException{
        // 当前在博客列表页
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(4)"));
        driver.findElement(By.cssSelector("#username"));
        getScreenShot(getClass().getName());
    }
}

3.9. 测试未登录状态

创建 UserNoLoginTest 类,该类的测试用例有 3 个。

  • 跳转到我的博客列表页
  • 跳转到添加博客页
  • 跳转到博客列表页
@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class UserNoLogin extends AutoTestUtils {

    // 1. 访问浏览器对象   2. 访问登录页面的 URL
    public static EdgeDriver driver = createDriver();

    @BeforeAll
    static void baseControl() {
        driver.get("http://47.108.57.239:7070/myblog_list.html");
    }

    /**
     * @param :
     * @return void
     * @description 测试注销功能(账号退出)
     */
    @Test
    @Order(1)
    void WriteOff() throws InterruptedException, IOException {
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();
        Alert alert = driver.switchTo().alert();
        alert.accept();
        // 注销完成后,跳转到登录页面
        driver.findElement(By.cssSelector("#submit"));
        Thread.sleep(1000);
        getScreenShot(getClass().getName());
    }

    /**
     * @param :
     * @return void
     * @description 测试未登录状态下
     */
    @Test
    @Order(2)
    void UserNoLogin1() throws InterruptedException, IOException {
        // 跳转到添加博客页
        driver.get("http://47.108.57.239:7070/blog_add.html");
        Thread.sleep(2000);
        String str1 = driver.findElement(By.cssSelector("body > div.login-container > div > h3")).getText();
        Assertions.assertEquals("登陆", str1);
        getScreenShot(getClass().getName());

        // 跳转到博客列表页
        driver.get("http://47.108.57.239:7070/blog_list.html");
        Thread.sleep(1000);
        String str2 = driver.findElement(By.cssSelector("#listDiv > div:nth-child(1) > div.title")).getText();
        Assertions.assertEquals("测试修改文章", str2);
        getScreenShot(getClass().getName());

    }
}

4. 自动化测试项目总结

4.1 自动化测试项目实现步骤

  1. 根据自己的项目,用思维导图的方式设计出UI自动化测试用例;
  2. 结合自己编写的测试用例,使用 Selenium4 自动化测试工具和 Junit5 单元测试框框架,实现 Web 自动化测试;
  3. 然后就是进行模块划分,主要是按照两个包划分,一个是工具类包,用来创建驱动对象和提供屏幕截图方法,还有一个包是测试用例包,这个包下面的类是按照以页面为单位编写的测试代码,避免了每个方法都要创建驱动对象的麻烦,最后将这些测试类加入到测试套件中;
  4. 注意不要等项目整个代码写完后再进行测试,最好是写一部分代码测试一下。比如我编写代码时写完一个页面的测试用例后,再进行测试;

4.2 当前项目测试亮点

  1. 只创建一次驱动对象,避免每个用例重复创建驱动对象造成时间和资源的浪费;
  2. 使用了 Junit5 中提供的注解:避免生成过多的对象,造成资源和时间的浪费,提高了自动化的执行效率;
  3. 测试套件:降低了测试人员的工作量,通过套件一次执行所有要运行的测试用例
  4. 使用了等待:隐式等待+强制等待(提高了自动化运行效率,提高了自动化的稳定性);
  5. 使用屏幕截图:方便问题的追溯以及问题的解决;
  6. 使用参数化:保持用例的简洁,提高代码的可读性;

你可能感兴趣的:(笔记)