각도 조율 행동의 자동화

이것은 새로운 제품의 일종이다.서로 다른 용해성 물질이 존재하는데, 이들은 자동으로 푸르스와 지타의 행동에서 작용을 발휘한다.연속적이고 명확한 각도의 계획

Creando 유엔 신규 프로젝트

Primero crearemos는 모서리가 있는 회사입니다.따라서 각도 제어 시스템의 최종 버전을 설치하고 설치하고 실시하는 과정에서 이 시스템을 사용해야 한다.

npm i @angular/cli -g # Instalación global

아호라 포드모스 클레어 뉴스트로 프로젝트

ng new ghactions-angular # Cambia ghactions... por el nombre de tu proyecto

각도 라우터와 회의실의 형식 선택이것은 실용적인 방법이자 좋은 방법이다.paquetes podrádemorar varios minutos 아파트.결과:

아무도 새 프로젝트의 소유권을 제공하지 않았다.GitHub 영업 제안의 종착역입니다.

프레바스 호텔

아호라 크리모스 쿠타스 푸르바스.En el archivo 애플리케이션구성 요소html eliminamos todo el contenido por Defento,y dejamos solo un título and un párrafo:

<h1 id="app-title">Hola mundo!</h1>
<p id="app-descr">Esta es una aplicación Angular</p>

<router-outlet></router-outlet>

이날 에스테티투로와 팔라포 티에닌(este titulo and párrafo tienene)은 프루스의 듀랜트 대성당(DOM durante las pruebas unitarias)의 대중교통수단에 서비스를 제공한다.Ahora modifiquemos el archivo 응용 프로그램.구성 요소사양 ts, y dejemos solo dos pruebas:

it('should create the app', () => {
  const fixture = TestBed.createComponent(AppComponent);
  const app = fixture.componentInstance;
  expect(app).toBeTruthy();
});

it('should render title & description', () => {
  const fixture = TestBed.createComponent(AppComponent);
  fixture.detectChanges();
  const compiled = fixture.nativeElement;
  const title = compiled.querySelector('#app-title');
  const descr = compiled.querySelector('#app-descr');
  expect(title.textContent).toContain('Hola mundo!');
  expect(descr.textContent).toContain('Esta es una aplicación Angular');
});

이것은 플루스 대학의 종합적인 시험이다.나비가도의 출구에서 우리는 다음과 같은 그림을 볼 수 있다.

푸르에카스 국제호텔

만약 푸르스인들이 나비카도(즉 범타라의 모스트라)에서 행동을 취한다면 그들은 단독으로 무슬림과 무슬림에게 장비를 제공할 수 있을 것이다.국제공항의 터미널에서 우리는 해결 방안이 필요하다.Para esto instalaremos 인형사:

npm i puppeteer --dev

데모라루아알 구노스 마누토스를 설치하려면 인형사가 나비가도르 강에서 공연을 해야 한다.마지막은 instalación, cambiaremos la configuración de Karma en el archivo Karma.conf.js:

// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html

process.env.CHROME_BIN = require("puppeteer").executablePath();

module.exports = function (config) {
  config.set({
        ...
    browsers: ['Chrome', 'ChromeHeadlessCI'],
    customLaunchers: {
      ChromeHeadlessCI: {
        base: 'ChromeHeadless',
        flags: [
          '--no-sandbox',
          '--disable-gpu',
          '--enable-features=NetworkService',
        ],
      },
    }
        ...
  });
};

최고경영자, 인형 배우 중 크롬의 집행이사, 그리고 크롬의 최고경영자.
이것은 새 archivo 각도기ci로 구성된 pruebas E2E 각도기를 포함하는 프로젝트입니다.e2e에 대한 이사회 문건은 다음을 참조하십시오.

const config = require('./protractor.conf').config;

config.capabilities = {
  browserName: 'chrome',
  chromeOptions: {
    args: ['--headless', '--no-sandbox', '--disable-gpu'],
    binary: require('puppeteer').executablePath(),
  },
};

exports.config = config;

코모 웨스(Como-ves), 측정기의 구성도(archivo extiende la configuración del archivo dragrator)입니다.conf.js.También modificaremos ese archivo para usar 인형사:

config.capabilities = {
    ...
  browserName: 'chrome',
  chromeOptions: {
    binary: require('puppeteer').executablePath(),
  },
    ...
};

마지막으로 각형 구조.json:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "ghactions-angular": {
      ...
      "architect": {
        ...
        "test": {
          ...
                    "configurations": { // Añadir configuración opcional 'ci'
            "ci": {
              "progress": false,
              "watch": false,
              "browsers": "ChromeHeadlessCI" // Usar Chromium sin GUI al usar configuración 'ci'
            }
          }
        }
                ...
                "e2e": { // Si usas e2e
          ...
          "configurations": {
                        ...
            "ci": {
              "devServerTarget": "app:serve:ci",
              "protractorConfig": "e2e/protractor-ci.conf.js" // Usar protractor-ci al usar la configuración 'ci'
            }
          }
        },
      }
    }
  },
  ...
}

아호라 포드모스 에제크타가 나비가도, 파산도 등지에서 테스트-배치=ci

ng test --configuration=ci
ng e2e --configuration=ci

Este es el resultado al ejecutar el comando con el 플래그 - 구성 =ci

내가 보기에 이것은 상징적인 테스트로 상징적인 표지가 없다.중요한 것은 로컬 기기에서 테스트를 하고 GitHub 행동에서 테스트를 하고 인형 공연에서 테스트를 하는 것이다.
수빌 에스톨티모스 칸비오스 지트후브 신상.

GitHub 작업 중인 Pruebas automáticas

유엔 이사회는 반드시 행동을 취해야 한다.github, y dentro de este UN에서 워크플로우를 안내합니다.Dentro del directorio podremos crear varios archivos.yml con Distinto 워크플로우 및 GitHub 작업아호라 소로 크레모스는 건축가이다.yml con el siguiente contenido:

Ahora crearemos el primer Job del Workflow,que seráel de la instalación de paquetes de NodeJS:

jobs:
  install:
    name: Installation # Nombre del Job
    runs-on: ubuntu-latest # Ejecutar en Ubuntu
    steps:
      - uses: actions/checkout@v2 # Clonar repositorio actual
      - uses: actions/setup-node@v1 # Usar Node
        with:
          node-version: 12 # Versión de Node
      # Cargar cache de node_modules, para reducir tiempo de instalación en próximas ejecuciones
      - name: Cache node modules
        id: node-cache # Id del cache
        uses: actions/cache@v1
        with:
          path: node_modules
          # Se usará el mismo cache siempre y cuando sea el mismo sistema operativo y no existan cambios en el archivo package-lock
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
      # Instalar dependencias
      - name: Install dependencies
        # No ejecutar si se obtuvo node_modules de cache
        if: steps.node-cache.outputs.cache-hit != 'true' 
        run: npm install

과다모스 캄비오스와 수비모스는 GitHub con el comando git push다.Ahora vamos al repositorio 및 podemos가 GitHub에서 수행하는 작업:

Asi mismo podemos ver los detalles del workflow:

마지막으로 녹색의mostraráun 복선 표시를 확정하고 취업 기회와 기존 취업 기회를 지적했다.

Terminemos de configurar el 워크플로우이것은 복잡한 건축군이다.yml:

name: Continuous Integration # Nombre del workflow

on: # ¿Cuando ejecutar?
  push: # Al hacer push a las siguientes ramas
    branches: [main] # o master
  pull_request: # Al crear un pull request a las siguientes ramas
    branches: [main] # o master

jobs:
  ci:
    name: Continuous Integration # Nombre del Job
    runs-on: ubuntu-latest # Ejecutar en Ubuntu
    steps:
      - uses: actions/checkout@v2 # Clonar repositorio actual
      - uses: actions/setup-node@v1 # Usar Node
        with:
          node-version: 12 # Versión de Node
      # Cargar cache de node_modules, para reducir tiempo de instalación en próximas ejecuciones
      - name: Cache node modules
        id: node-cache # Id del cache
        uses: actions/cache@v1
        with:
          path: node_modules
          # Se usará el mismo cache siempre y cuando sea el mismo sistema operativo y no existan cambios en el archivo package-lock
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
      # Instalar dependencias
      - name: Install dependencies
        # No ejecutar si se obtuvo node_modules de cache
        if: steps.node-cache.outputs.cache-hit != 'true' 
        run: npm install
      # Generar compilación de producción
      - name: Run Build command
        run: npm run build -- --prod
      # Ejecutar pruebas unitarias
      - name: Run Unit tests
        run: npm run test -- --configuration=ci

캠비오스는 GitHub, comando git push, volvemos, GitHub에 위치한 página del repositorio이다.이것은 특별한 새로운 항목이다.

최종 결과:

아호라 카다 비즈 하가모스가 라마 메인 간선 도로를 추진하자 o creemos un pull이 esa rama, se Ejectaráeste 워크플로우를 요청했다.Puedes ver todo el código fuenteaquí