Versiones comparadas

Clave

  • Se ha a帽adido esta l铆nea.
  • Se ha eliminado esta l铆nea.
  • El formato se ha cambiado.

Subdirecci贸n de las Tecnolog铆as de la Informaci贸n y Comunicaciones

脕rea de Gobernanza y Calidad

Table Excerpt Include
nameLOGO_JUNTA
merge-tablestrue
pageRecursos
typepage

Versi贸n

Table Excerpt Include
isFirstTimeEntertrue
statictrue
copytabletrue
v2
nameVERSION_GUIA_TESTING
merge-tablestrue
pageNorm-front-toc
transposenever
typepage

Tabla de Contenido


Tabla de contenidos
maxLevel4
indent20px
exclude.*(Versi贸n Actual|Cumplimiento Normativo|Hist贸rico de cambios|Subdirecci贸n de las Tecnolog铆as de la Informaci贸n y Comunicaciones|脕rea de Gobernanza y Calidad|Tabla de Contenido)

Uso de las Gu铆as de Desarrollo


Advertencia

Las gu铆as de desarrollo son un documento que busca facilitar el onboarding y la homogeneidad de los proyectos en la STIC. La STIC podr谩 estudiar los casos excepcionales los cuales ser谩n gestionados a trav茅s de los responsables del proyecto correspondiente y autorizados por el 脕rea de Gobernanza de la STIC. Asimismo cualquier aspecto no recogido en estas gu铆as deber谩 regirse en primera instancia por las gu铆as t茅cnicas correspondientes al esquema nacional de seguridad y esquema nacional de interoperabilidad seg煤n correspondencia y en su defecto a los marcos normativos y de desarrollo software establecidos por la Junta de Andaluc铆a, debiendo ser puesto de manifiesto ante la STIC.

La STIC se reserva el derecho a la modificaci贸n de la gu铆a sin previo aviso, tras lo cual, notificar谩 del cambio a los actores implicados para su adopci贸n inmediata seg煤n la planificaci贸n de cada proyecto.

En el caso de que alg煤n actor considere conveniente y/o necesario el incumplimiento de alguna de las normas y/o recomendaciones, deber谩 aportar previamente la correspondiente justificaci贸n fehaciente documentada de la soluci贸n alternativa propuesta, as铆 como toda aquella documentaci贸n que le sea requerida por la STIC para proceder a su validaci贸n t茅cnica.

Contacto Arquitectura: l-arquitectura.stic@juntadeandalucia.es

Hist贸rico de cambios


Los cambios en la normativa vendr谩n acompa帽ados de un registro de las modificaciones. De este modo se podr谩 realizar un seguimiento y consultar su evoluci贸n. Orden谩ndose de mas recientes a menos recientes, prestando especial cuidado a las cabeceras de la tablas d贸nde se indican las fechas de entrada en vigor y versi贸n.

Expandir
titleHist贸rico de cambios
Versi贸nPre-release聽Adopci贸nActivaRetiroAlcance
v01r00





  • Versi贸n inicial del documento

Introducci贸n

En este documento se describir谩n las principales pautas a tener en cuenta a la hora de dise帽ar y ejecutar test en los desarrollos frontales. Importante e

Configuraci贸n

Este apartado pretende compartir algunas configuraciones consideradas de utilidad para una correcta ejecuci贸n de los test.

Web test runner

  • Dependencias
    • 聽"@open-wc/testing"

    • "@types/mocha"

    • "@web/test-runner"

    • @web/test-runner-puppeteer"

    • sinon

    • puppeteer

  • Fichero de configuraci贸n del runner
    • Esta configuraci贸n permite la ejecuci贸n de los test desde typescript, realizando la transpilaci贸n de forma autom谩tica.
    • Tambi茅n est谩 configurado para funcionar en un monorepo
    • Tambi茅n permite la correcta ejecuci贸n en contenedores, requisito indispensable para la entrega en la plataforma de Jenkins
Bloque de c贸digo
languagejs
themeEmacs
titleweb-test-runner.config.mjs
collapsetrue
mport { esbuildPlugin } from '@web/dev-server-esbuild';

import { puppeteerLauncher } from '@web/test-runner-puppeteer';
import { defaultReporter } from '@web/test-runner';




export default {
  plugins: [
    esbuildPlugin({ ts: true, tsconfig: 'tsconfig.dev.json', // Aseg煤rate de que esbuild use tu tsconfig.json
      loaders: {
        '.ts': 'ts',
      } }),

  ],
  browsers: [puppeteerLauncher({ launchOptions: { args: ['--no-sandbox', '--disable-setuid-sandbox'] } })],
  reporters:[    defaultReporter({ reportTestResults: true, reportTestProgress: true })],
  nodeResolve: true,
  preserveSymlinks: true,
  rootDir: '.',
  files: ['packages/**/*.test.ts'],
  mimeTypes: {
    '**/*.ts': 'js',
  },
};


Definici贸n

Librer铆as

Suit

Test


Bloque de c贸digo
languagejs
themeDJango
titleEjemplo de texto con comentarios
collapsetrue
//Importante que los import vengas de @open-wc/testing para que tener la m谩xima compatibilidad con lit-element
import { defineCE, elementUpdated, expect, fixture, fixtureCleanup, html, unsafeStatic, waitUntil } from "@open-wc/testing";
//Librer铆a de MOCK
import sinon, { SinonSpy } from "sinon";

//Creaci贸n de un componente LitElement din谩mico
const customElementWithProperties = defineCE(
  class extends LitElement{
    static properties = {
      someProperty: { type: String },
    };
    constructor() {
      super();
    }
    connectedCallback() {
      super.connectedCallback();
      console.debug(`Cargado componente  ${this.tagName} `);
    }
    render(): any {
      return html`<h2>componente creado STAND-ALONE</h2>`;
    }
  }
);

//Obtenci贸n del tag del componente para su renderizado din谩mico
const customElementWithPropertiesTag = unsafeStatic(customElementWithProperties);

//Definici贸n de la suit
describe("Testing Lit WebComponent ", () => {
  let sandbox: sinon.SinonSandbox;

  //creaci贸n de un sandbox para el mock
  before(() => {
    sandbox = sinon.createSandbox();
  });
  //Se restaura el sandbox y se limpia el fixture despu茅s de cada test
  afterEach(() => {
    sandbox.restore();
    fixtureCleanup();
  });

  //test de renderizado de un componente LitElement
  it("should render a web component", async () => {
    const el = await fixture< LitElement >(html`<${customElementWithPropertiesTag}></${customElementWithPropertiesTag}`);
    expect(el).to.exist;
    expect(el.shadowRoot).to.exist;
  });
});


Ejecuci贸n

Depuraci贸n

Navegadores

Iframe

Normativa

Table Excerpt Include
isFirstTimeEntertrue
v2
nameNORMATIVA_FRONT_CONT
merge-tablestrue
pageGOBP:TOC FRONT: Normativa, gu铆as y recomendaciones
transposenever
typepage

Gu铆as de desarrollo

Table Excerpt Include
isFirstTimeEntertrue
v2
nameGUIA_IMPL_FRONT_CONT
merge-tablestrue
pageGOBP:TOC FRONT: Normativa, gu铆as y recomendaciones
transposenever
typepage

Gu铆as de dise帽o

Table Excerpt Include
isFirstTimeEntertrue
v2
nameGUIA_DIS_FRONT_CONT
merge-tablestrue
pageGOBP:TOC FRONT: Normativa, gu铆as y recomendaciones
transposenever
typepage