ASP에서 UI 테스트를 자동화하는 간단한 단계그물심

테스트는 소프트웨어 개발에서 없어서는 안 될 일부분이다.그것은 우리가 우리의 요구를 충족시킬 수 있도록 제품을 분석하고 평가하는 데 도움을 준다.그것은 우리가 쉽게 버그를 찾고 복구할 수 있도록 도와줄 수 있다.하지만 수동 테스트는 쉽지 않다.모든 제품을 수동으로 테스트하려면 인내심, 노력과 시간이 필요하다.
그래서 우리는 자동화로 전환할 수 있다!
자동 테스트는 자동화 도구(예를 들어 Selenium와 Cucumber를 통해 테스트하는 기술이다.그것들은 테스트 시간을 크게 단축하고 효율을 높일 것이다.
이 블로그에서는 ASP에서 로그인 모듈에 대한 UI 테스트를 자동화하는 방법을 살펴봅니다.NET 핵심 어플리케이션
참고: 모든 데이터는 명확해야 하며 자동화 UI 테스트 모듈에 따라 수집해야 합니다.

선결 조건
Selenium 자동화 도구를 사용하여 UI 테스트를 수행합니다.따라서 다음 패키지를 응용 프로그램에 설치하십시오.

Selenium.WebDriver

Selenium.WebDriver.ChromeDriver

참고: 최신 Chrome 브라우저 버전에서는 이러한 패키지의 최신 버전을 사용할 수 있습니다.

자동 로그인 모듈의 UI 테스트
로그인 페이지에서 사용자 이름과 비밀번호, 그리고 SEO와 관련된 항목, 예를 들어 페이지 제목과 h1 태그 등 입력 필드를 검증할 것입니다.

ASP의 로그인 모듈에 대한 UI 테스트를 자동화합니다.네트워크 핵심 응용

단계 1: 로그인 페이지 세부 정보를 초기화합니다.
우선 로그인 페이지에 연결해서 테스트 용례를 작성합시다.모든 테스트 용례에 대해 로그인 페이지로 이동하려면 크롬 드라이버를 초기화해야 합니다.
그래서 초기화를 위해 구조 함수를 만듭니다.그리고 모든 테스트 용례가 실행된 후에 웹 드라이버를 처리하는 코드를 정의합니다.
아래의 코드 예시를 참고하시오.

public class Login : IDisposable
{
     private readonly IWebDriver _driver;
     public Login()
     {
         _driver = new ChromeDriver();
         _driver.Navigate().GoToUrl("http://localhost:1693/"); // URL should be your target site such as localhost or staging.
     }

     public void Dispose()
     {
         _driver.Quit();
         _driver.Dispose();
     }
}

2단계: 테스트 용례를 작성한다.
테스트 용례를 작성할 때 FindElement 방법을 사용하여 ID, 클래스 이름, 태그 이름, 실제 요소 이름, 링크 텍스트와 페이지 상세 정보, 예를 들어 페이지 제목과 URL을 직접 찾습니다.

기본 상황
로그인 페이지에는 사용자 이름 필드가 있어야 하며, 입력은 텍스트 형식이어야 합니다.
다음 코드 예시를 참고하여 사용자 이름을 검증하십시오.

[Test]
public void CheckUsernameField()
{
     var userNameField = _driver.FindElement(By.CssSelector("Input[type*='text'"));
     Assert.IsNotNull(userNameField);
}

로그인 페이지에는 암호 필드가 있어야 합니다.다음 코드 예시를 참고하여 암호를 검증하십시오.

[Test]
public void CheckPasswordField()
{
   var passwordField = _driver.FindElement(By.CssSelector("Input[type*='password'"));
   Assert.IsNotNull(passwordField);
}

검색엔진 최적화 장면
웹 페이지 제목은 웹 페이지 순위SEO에 직접적인 영향을 주는 요소 중의 하나다.페이지 제목의 존재를 기대치로 검증합니다.

[Test]
public void CheckTitle()
{
   Assert.IsNotEmpty(_driver.Title);
   Assert.IsNotNull(_driver.Title);
   Assert.AreEqual("Login Page", _driver.Title);
}

로그인 페이지에는 h1 제목이 있어야 하며, 페이지 내용을 간략하게 설명해야 한다.이 점을 확인하려면 예상치를 사용하여 h1 제목을 검증하십시오.
아래의 코드 예시를 참고하시오.

[Test]
public void CheckH1Title()
{
   var h1Text = _driver.FindElement(By.CssSelector("h1"));
   Assert.IsNotNull(h1Text);
   Assert.IsNotNull(h1Text.Text);
   Assert.IsNotEmpty(h1Text.Text);
   Assert.AreEqual("Login", h1Text.Text);
 }

이렇게 하면 우리는 페이지의 세부 사항에 따라 테스트를 진행할 수 있다.예를 들어, UI 테스트를 자동화하여 커밋 버튼, 등록 옵션, 암호를 잊어버린 링크 등을 확인할 수 있습니다.

출력
현재, 우리는 NUnit 테스트 프레임워크를 사용하여 테스트 용례를 실행할 것이다.
테스트 용례를 성공적으로 실행한 후에, 우리는 아래 화면 캡처와 같은 출력을 얻을 것입니다.

ASP에서 UI 테스트를 자동화합니다.네트워크 핵심 응용

GitHub 참조
자세한 내용은 예제Automate UI testing in ASP.NET Core apps on GitHub를 참조하십시오.

결론
읽어주셔서 감사합니다!이 블로그에서는 ASP에서 UI 테스트를 자동화하는 방법을 살펴봅니다.NET 핵심 응용 프로그램, 로그인 모듈에 사용됩니다.이것은 우리가 테스트 시간을 줄이고 효율을 높일 수 있도록 도와줄 것이다.이 블로그 글의 절차를 시도해 보세요. 가벼운 UI 테스트 자동화를 누리세요!
ASP.NET Core UI controls로 구동되는 SyncfusionEssential JS 2 라이브러리는 응용 프로그램 구축에 필요한 유일한 세트입니다.이 패키지에는 70개 이상의 고성능, 경량, 모듈식 및 응답성 있는 UI 컨트롤이 포함되어 있습니다.그것들을 사용하여 응용 프로그램 개발의 효율을 높이세요!
Syncfusion 사용자가 이미 있는 경우 다운로드 가능product setup없으면 무료30-day trial 를 다운로드하여 저희 제품을 평가할 수 있습니다.
저희support forum, support portal 또는 feedback portal로 연락 주십시오.예전과 같이, 우리는 기꺼이 당신을 돕겠습니다!

관련 블로그

Hosting Multiple ASP.NET Core Apps in Ubuntu Linux Server Using Apache

Easy Steps to Migrate an ASP.NET MVC Project to an ASP.NET Core Project

How to Apply API Versioning in ASP.NET Core

Simple Steps to Convert an ASP.NET Core with Angular App to a Desktop App