본문 바로가기

angular5

Protractor 제어 흐름 사용 안 함 처리 selenium webdriver 맥락 사용자가 protractor에 대해 작성하는 JS 코드는 비동기적으로 실행됩니다(순서는 아님). 이전 명령이 실행될 때까지 대기하면서 특정 흐름을 따를 수 있는 사양이 필요하기 때문에 자동화 용도로는 사용할 수 없습니다. 이 작업은 protractor ControlFlow에서 처리합니다. ControlFlow ControlFlow는 Selenium Promise Manager를 기반으로 합니다. 백그라운드에서 getText(), findElement(), sendKeys(), click() 등과 같이 브라우저와 상호 작용하는 각 호출이 예약되어 ControlFlow 대기열에 푸시됩니다. 그러한 모든 통화는 약속으로 취급된다. 이렇게 하면 약속 체인을 위해 .then.. 2022. 1. 19.
Angular에서 편백나무의 빠른 시간 사이프레스가 시험을 더 쉽고 즐겁게 만든다는 것은 의심의 여지가 없다. 하지만 사이프레스는 스펙이 많으면 속도가 느릴 수 있고, 방문() 명령을 매번 사용합니다. 방문() 명령을 호출할 때마다 응용 프로그램이 새로 고쳐지고 초기화되며 실제 테스트가 실행되는 데 몇 초 정도 걸릴 수 있습니다. E2E 사양의 성능을 크게 높이기 위해 경로를 지정하고 빈 페이지로 이동한 다음 원래 경로로 돌아가는 명령을 구축했습니다. 우리가 어떻게 했는지 한 번 보자. 우선 Angular router navigationByUrl() 메소드를 사이프레스에 노출시켜야 합니다. Google에서 이와 유사한 방법을 찾을 수 있습니다. 네, 이 코드는 작동합니다. 하지만, 저는 별로 좋아하지 않아요. 첫째, 저는 애플리케이션이 사이프.. 2022. 1. 12.
Angular 11 및 가 포함된 온라인 상점을 개발합니다.넷 코어 5 이 기사에서는 프로젝트에 권한을 부여합니다. 이는 이전 기사에서 살펴본 인증 기능을 보완한 것입니다. 이 시리즈의 첫 번째 게시물(이전 게시물에 대한 링크)을 여기에서 찾을 수 있습니다. 프런트엔드 먼저 권한 부여 등을 위한 도우미 클래스가 포함된 폴더(헬퍼)를 새로 추가합니다. helpers 폴더에 인터셉터 클래스를 만듭니다. 이 클래스는 모든 나가는 http 요청을 호출하는 단일 함수를 포함합니다(API에만 해당). 사용자가 로그인한 경우 이 함수는 요청 헤더에 JSON 웹 토큰을 추가합니다. 이 토큰은 인증 단계에서 백엔드에서 전송되었으며 이전 문서의 세션 저장소에 저장되었습니다. 토큰은 백엔드 API 미들웨어에 의해 검사되어 데이터 요청이 승인되었는지 여부를 결정합니다. app.module.ts에.. 2022. 1. 11.
VS 코드에 대한 다중 복사 붙여넣기 TechnoFunnel은 당신이 더 빠른 코드를 개발할 수 있도록 하는 확장을 제공합니다. 프로그래머로서, 우리는 종종 애플리케이션에 많은 코드를 복사하여 붙여넣어야 합니다. 우리가 여러 개의 파일을 처리할 때 코드에 많은 반복이 있을 수 있는데 한 파일에서 다른 파일로 복사해서 붙여넣어야 합니다. 현재 시나리오에서는 "Ctrl + C" 및 "Ctrl + V"를 사용하여 일부 텍스트를 복사할 수 있습니다. 이렇게 하면 하나의 값만 복사하여 코드의 다른 위치에 동일한 값을 붙여넣을 수 있습니다. 여러 개의 텍스트를 코드에 복사하여 붙여넣을 수 있는 확장자가 필요하다는 것을 알게 되었습니다. 그래서 저는 "복수 복사 붙여넣기"라는 확장 프로그램을 만들었습니다. 확장의 URL은 다음과 같습니다. Applica.. 2022. 1. 4.
Angular의 ng-content를 사용하여 유연한 구성요소를 생성하는 방법 개발자로서 우리는 앱의 많은 장소에서 소비되는 구성 요소를 만듭니다. 이러한 시나리오의 주요 문제 중 하나는 개발자/구성 요소가 우리가 다르게 만든 구성 요소를 사용하기를 원한다는 것입니다. 그러나 컨텐츠 프로젝션이라는 것을 사용하여 구성요소를 설계하면 이를 사용하는 개발자와 구성 요소를 보다 유연하게 만들 수 있습니다. 다음 기사에서는 다음에 대해 살펴보겠습니다. 콘텐츠 투영이란? ng-콘텐츠 태그를 사용하여 콘텐츠를 투영하는 방법 ng-콘텐츠 태그 및 선택 지시문을 사용하여 여러 콘텐츠를 투영하는 방법. 콘텐츠 투영이란 무엇입니까? ng-콘텐츠 태그를 사용하여 콘텐츠를 투영하는 방법은 무엇입니까? 진행률 표시줄을 나타내는 구성 요소가 있고 내용 투영을 사용하여 진행률 표시줄 설명을 삽입할 수 있다고 .. 2021. 12. 30.