corradin

import { chromium } from '@playwright/test';
import login from './utils/login';

const username = process.env.MEETUP_USERNAME ?? '';
const password = process.env.MEETUP_PASSWORD ?? '';

async function globalSetup(config: FullConfig): Promise<void> {
  const { storageState } = config.projects[0].use;
  // TODO: Remove headless after this has been tested
  const browser = await chromium.launch({ headless: false });

corradin

import { Page } from '@playwright/test';

async function login(
  page: Page,
  username: string,
  password: string,
): Promise<void> {
  await page.goto('https://www.meetup.com/login');
  await page.locator('id=email').fill(username);
  await page.locator('id=current-password').fill(password);

corradin

MEETUP_USERNAME=yourusername@yourdomain.com
MEETUP_PASSWORD=yourPassword

corradin

import { PlaywrightTestConfig } from '@playwright/test';
import dotenv from 'dotenv';

dotenv.config();

const config: PlaywrightTestConfig = { ...

corradin

trigger:
- main
pool:
  vmImage: ubuntu-latest
steps:
  - script: npm ci
    displayName: NPM Install Dependencies
  - script: npm run lint
    displayName: Lint
  - script: npm run test:ci

corradin

trigger:
  - main
pool:
  vmImage: ubuntu-latest

variables:
  npm_config_cache: $(Pipeline.Workspace)/.npm

steps:
  - task: Cache@2

corradin

trigger:
  - main
pool:
  vmImage: ubuntu-latest

variables:
  npm_config_cache: $(Pipeline.Workspace)/.npm

steps:
  - task: Cache@2

corradin

import { chromium, Browser, Page } from 'playwright';

describe('Angular app homepage', () => {
  let browser: Browser;
  let page: Page;

  beforeAll(async () => {
    browser = await chromium.launch({ headless: false });
    page = await browser.newPage();
  });

corradin

# Starter pipeline
# Start with a minimal pipeline that you can customize to build and deploy your code.
# Add steps that build, run tests, deploy, and more:
# https://aka.ms/yaml

trigger:
- master

pool:
  vmImage: 'ubuntu-latest'

corradin

.cool-hover {
  transition: background-color 1s ease;
}
.cool-hover:hover {
    transition: background-color 1s ease;
    background-color: #517AEC;
}