【针对项目在线OJ系统的测试】:Junit+Selenium

目录

一、背景介绍:

二、导入的依赖:

三、测试模块1:index页面的测试

测试点1:测试"我的OJ系统这4个字是否存在"

测试点2:测试"题目列表"这4个字是否存在

测试点3:测试"编号","标题","难度"三者是否存在

测试点4:测试题目列表的元素

测试步骤1:明确需要哪些参数(从左到右)

测试步骤2:在一个指定的文件当中,分别放入上述的内容

测试步骤3:编写测试用例代码

四、测试模块:题目详情页和代码编辑的测试

步骤1:明确需要的测试参数

步骤2:新建一个文件,保存两道题目的测试用例,以逗号隔开

步骤3:编写测试用例代码

步骤4:分别针对两道题目进行用户输入代码的测试

针对题目1进行测试:

测试代码1:测试编译错误是否可以检查出来

测试代码2:测试运行异常

测试代码3:测试代码运行超时情况

测试代码4:正确输入的情况

测试代码5:测试用户输入中文注释的情况

第一步:查看后台接收请求的方式(编码集):

 第二步:查看编译生成的文件夹

 第三步:查看编译命令

解决问题

再次验证bug

​编辑


一、背景介绍:

在这一篇文章当中,我们已经实现了一个简易的OJ平台;

【项目篇1】一个在线OJ系统_革凡成圣211的博客-CSDN博客回顾一下我们常见的OJ平台,例如:leetcode,牛客等等,他们都有哪些功能?https://blog.csdn.net/weixin_56738054/article/details/130072129?spm=1001.2014.3001.5502下面,我们来介绍一下,怎样针对这一个平台进行测试。


二、导入的依赖:

       导入的依赖主要是selenium框架的jar包+junit5的jar包,项目的主要测试步骤就是通过运行junit进行排查。


               commons-io
               commons-io
               2.6
        
        
            org.seleniumhq.selenium
            selenium-java
            4.8.1
        
        
            org.junit.jupiter
            junit-jupiter-api
            ${junit.version}
            test
        
        
            org.junit.platform
            junit-platform-suite
            1.8.2
            test
        
        
            org.junit.jupiter
            junit-jupiter-params
            5.8.2
            test
        
        
            org.junit.jupiter
            junit-jupiter-engine
            ${junit.version}
            test
        

三、测试模块1:index页面的测试

index页面就是一个用户查询题目列表的页面,当用户输入了URL之后,就可以查询这一个页面了

这个页面如下:

【针对项目在线OJ系统的测试】:Junit+Selenium_第1张图片

 新建一个测试类:IndexTest,并且定位到指定的页面,并且截图,上传到指定的文件夹;

@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class IndexTest extends CommonDriver{

    /**
     * 获取到这一个driver实例
     */
    private static final FirefoxDriver driver= getDriver();

    @BeforeAll
    public static void getPage() throws InterruptedException, IOException {
        driver.get("http://localhost:8080/OJSystem_war_exploded");
        //需要对于首页进行截图
        //以文件的形式存储
        File srcFile=driver.getScreenshotAs(OutputType.FILE);
        //把截图的文件存放到指定的目录下面
        File destFile=new File("E:/OJSystem/src/test/Files/index.png");
        Thread.sleep(1000);
        FileUtils.copyFile(srcFile,destFile);
        //设置隐式等待时间:最长3秒
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
    }
}

测试点1:测试"我的OJ系统这4个字是否存在"

 /**
     * 测试:"我的OJ系统"这个标题是否存在
     */
    @Test
    @Order(1)
    public void checkTittle(){
        WebElement webElement =driver.findElement(By.cssSelector("body > nav > a"));
        String text=webElement.getText();
        //断言:二者是否一致
        Assertions.assertEquals("我的 OJ 系统",text);
    }

 【针对项目在线OJ系统的测试】:Junit+Selenium_第2张图片

 测试结果:通过


测试点2:测试"题目列表"这4个字是否存在

 /**
     * 测试:"题目列表" 是否存在
     */
    @Test
    @Order(2)
    public void checkProblemListIfExits(){
        WebElement element=driver.findElement(By.cssSelector("#tables > div > div > h3"));
        String test= element.getText();
        Assertions.assertEquals("题目列表",test);
    }

【针对项目在线OJ系统的测试】:Junit+Selenium_第3张图片

 测试结果:通过


测试点3:测试"编号","标题","难度"三者是否存在

/**
     * 测试:编号、标题、难度三者是否存在
     */
    @Test
    @Order(3)
    public void checkProblemListTittles(){
        //测试:"编号"是否存在
        WebElement element1=driver.findElement(By.cssSelector("#tables > div > div > table > thead > tr > th:nth-child(1)"));
        String number=element1.getText();
        Assertions.assertEquals("编号",number);
        //测试:"标题"是否存在
        WebElement element2=driver.findElement(By.cssSelector("#tables > div > div > table > thead > tr > th:nth-child(2)"));
        String tittle=element2.getText();
        Assertions.assertEquals("标题",tittle);
        //测试:"难度"是否存在
        WebElement element3=driver.findElement(By.cssSelector("#tables > div > div > table > thead > tr > th:nth-child(3)"));
        String hard=element3.getText();
        Assertions.assertEquals("难度",hard);
    }

【针对项目在线OJ系统的测试】:Junit+Selenium_第4张图片

测试结果:通过


测试点4:测试题目列表的元素

测试目的:验证题目列表当中的内容是否正确;

例如验证第一题的序号是不是"1",链接是不是"两数之和",难度是否为"简单"

考虑到测试的题目是一系列的题目,因此可以采用参数化的方式模拟参数传入。


测试步骤1:明确需要哪些参数(从左到右)

参数1:题目编号的CSS选择器;

参数2:题目编号的预期;

参数3:题目链接"两数之和"的链接的CSS选择器;

参数4:题目链接"两数之和"的文本;

参数5:题目难度的CSS选择器;

参数6:题目难度的文本;


测试步骤2:在一个指定的文件当中,分别放入上述的内容

在指定目录下面,新建一个.csv文件,并且配置这两个题目的参数


#题目1的测试参数

problemTable > tr:nth-child(1) > td:nth-child(1),1,problemTable > tr:nth-child(1) > td:nth-child(2) > a,两数之和,problemTable > tr:nth-child(1) > td:nth-child(3),简单


#题目2的测试参数

problemTable > tr:nth-child(2) > td:nth-child(1),3,problemTable > tr:nth-child(2) > td:nth-child(2) > a,搜索插入位置,problemTable > tr:nth-child(2) > td:nth-child(3),简单

测试步骤3:编写测试用例代码

分别抓取上述题目列表里面的三个元素的CSS选择器,进行测试,或者点击题目链接,进行截图。

/**
     * 在csc文件当中:#是注释,不可以直接拼接
     * 测试index页面的题目
     * 题目链接的css选择器@param cssSelector
     * 预计的标题@param tittleExcept
     * 预计的编号@param number
     * 预计的难度@param hard
     */
    @ParameterizedTest
    @Order(4)
    @CsvFileSource(files = "E:\\OJSystem\\src\\main\\resources\\ProjectTest.csv")
    public void checkClickTittle(
                                 String numberCss,String numberExcept,
                                 String tittleLinkedCss,String tittleExcept,
                                 String difficultCss,String difficultExcept) throws InterruptedException, IOException {
        {
            //校验题目列表编号是否正确
            WebElement numberElem = driver.findElement(By.cssSelector("#"+numberCss));
            String realNumber = numberElem.getText();
            //比较列表和实际的是否一致
            Assertions.assertEquals(numberExcept, realNumber);
        }
        {
            //获取到题目链接的css选择器
            WebElement TittleLinkElement = driver.findElement(By.cssSelector("#"+tittleLinkedCss));
            //获取题目链接的实际内容
            String tittleReal = TittleLinkElement.getText();
            Assertions.assertEquals(tittleExcept, tittleReal);
            //点击,看一下跳转的结果:
            TittleLinkElement.click();
            try {
                Thread.sleep(2000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            //截图:看是否成功跳转
            File srcFile=driver.getScreenshotAs(OutputType.FILE);
            //把截图的文件存放到指定的目录下面
            File destFile=new File("E:/OJSystem/src/test/Files/ProblemLinked"+numberExcept+".png");
            Thread.sleep(1000);
            FileUtils.copyFile(srcFile,destFile);
        }
        {
            //题目难度的CSS选择器
            WebElement difficulties = driver.findElement(By.cssSelector("#"+difficultCss));
            String realTittle=difficulties.getText();
            //难度的比较
            Assertions.assertEquals(difficultExcept,realTittle);
        }
    }

测试结果:通过 


四、测试模块:题目详情页和代码编辑的测试

【针对项目在线OJ系统的测试】:Junit+Selenium_第5张图片

步骤1:明确需要的测试参数

参数1:题目的编号(主键Id);

参数2:标题:例如"两数之和"的CSS选择器;

参数3:标题的内容:例如"两数之和";

参数4:题目细节的CSS选择器(例如上图当中的题目细节就是描述)

参数5:代码编辑框的CSS选择器


步骤2:新建一个文件,保存两道题目的测试用例,以逗号隔开

#测试第一题:两数之和
1,problemDesc > h3,1.两数之和_简单,problemDesc > pre > p,editor > div.ace_scroller > div

#测试第二题:搜索插入位置
3,problemDesc > h3,3.搜索插入位置_简单,problemDesc > pre > p,editor > div.ace_scroller > div

步骤3:编写测试用例代码

由于真实的题目长度和代码编辑框当中的代码呈现比较长,因此就不使用断言测试了,改为:观察+控制台输出的方式。

 /**
     *
     * 针对某一题设计的测试
     * 测试详情页的元素是存在
     * 标题的CSS选择器@param tittleCss
     * 题目的描述的CSS选择器@param detailsCss
     * 模板代码的CSS选择器@param templateCodeCss
     */
    @ParameterizedTest
    @CsvFileSource(files = "E:\\OJSystem\\src\\main\\resources\\ProblemDetails.csv")
    public void testDescribe(String tittleId,
                             String tittleCss,String tittleContentExcept,
                             String detailsCss,
                             String codeEditCss){
        //锁定题目的标题
        driver.get("http://localhost:8080/OJSystem_war_exploded/problemDetail.html?id="+tittleId);
        //设置最长等待时间
        driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
        //测试标题是否符合预期
        {
            WebElement tittleCssReal = driver.findElement(By.cssSelector("#"+tittleCss));
            String realContent = tittleCssReal.getText();
            //测试题目的标题和预期是否一致
            Assertions.assertEquals(tittleContentExcept,realContent);
        }
        //测试题目的描述是否和预期一样
        {
            WebElement descCssReal=driver.findElement(By.cssSelector("#"+detailsCss));
            String realDetails=descCssReal.getText();
            System.out.println("真实的题目"+realDetails);
        }
        //测试模板代码
        {
            WebElement codeEditElem=driver.findElement(By.cssSelector("#"+codeEditCss));
            //获取到模板代码的测试框
            String codeText=codeEditElem.getText();
            System.out.println("测试框的代码:"+codeText);
        }
    }

步骤4:分别针对两道题目进行用户输入代码的测试

在这里就不再使用自动化脚本进行测试了,因为用户输入代码的场景比较复杂,不适宜使用自动化测试,改为手工测试;

针对题目1进行测试:

测试代码1:测试编译错误是否可以检查出来

【针对项目在线OJ系统的测试】:Junit+Selenium_第6张图片

测试结果:

【针对项目在线OJ系统的测试】:Junit+Selenium_第7张图片 测试情况:通过


测试代码2:测试运行异常

测试代码:

class Solution {
    public int[] twoSum(int[] nums, int target) {
        int[] nums1=new int[3];
        nums1[3]=0;
        return nums1;
    }
}

测试结果:

【针对项目在线OJ系统的测试】:Junit+Selenium_第8张图片

测试结果:通过 


测试代码3:测试代码运行超时情况

测试代码:

class Solution {
    public int[] twoSum(int[] nums, int target) {
        
        int i=0;
        while(i<=100){
            System.out.println(i++);
            i--;
        }
        return nums;
    }
}

测试情况:通过 

【针对项目在线OJ系统的测试】:Junit+Selenium_第9张图片


测试代码4:正确输入的情况

【针对项目在线OJ系统的测试】:Junit+Selenium_第10张图片

测试情况:通过测试。


测试代码5:测试用户输入中文注释的情况

【针对项目在线OJ系统的测试】:Junit+Selenium_第11张图片


这是一个BUG!!

排除步骤:

第一步:查看后台接收请求的方式(编码集):

发现是utf8编码集,并且控制台也正常的输出了用户提交的题目:

 【针对项目在线OJ系统的测试】:Junit+Selenium_第12张图片


 第二步:查看编译生成的文件夹

【针对项目在线OJ系统的测试】:Junit+Selenium_第13张图片

【针对项目在线OJ系统的测试】:Junit+Selenium_第14张图片


 第三步:查看编译命令

此处我采用的命令是:javac -encoding utf8 %s -d %s,采用的是utf8的编码集进行编译的。

【针对项目在线OJ系统的测试】:Junit+Selenium_第15张图片

切换到cmd命令行,再次使用这个命令编译一下:

【针对项目在线OJ系统的测试】:Junit+Selenium_第16张图片

        bug原因分析:windows系统默认的编码集是gbk,因此需要采用gbk的编码集来进行编译(但是,如果把项目部署到Linux系统,就不用gbk了,就需要采用utf8编码集。


解决问题

把编译的命令改成: javac -encoding gbk %s -d %s


再次验证bug

bug已解决。

【针对项目在线OJ系统的测试】:Junit+Selenium_第17张图片

你可能感兴趣的:(junit,selenium,单元测试)