9157115568

Committed 20 May 2024 10:12AM UTC coverage: 31.908% (-0.008%) from 31.916%

Build # 9157115568

Build Type

Pull #9211

github

Committed by

oetherington

Commit Message

Use mobile safari project instead of desktop safari in CI

Pull Request Pull Request #9211: Replace Cypress with Playwright

Run Details

4798 of 39075 branches covered (12.28%)

Branch coverage included in aggregate %.

34 of 82 new or added lines in 22 files covered. (41.46%)

7 existing lines in 6 files now uncovered.

27812 of 63125 relevant lines covered (44.06%)

180.55 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

28.26

/packages/lesswrong/server/utils/renderJssSheetImports.ts

import { isE2E } from '../../lib/executionEnvironment';
import { AbstractThemeOptions, ThemeOptions, themeOptionsAreConcrete } from '../../themes/themeNames';
import { getMergedStylesheet } from '../styleGeneration';

const stylesId = "main-styles";

const stylesheetUrls = new class {
  private cache: Record<string, string> = {};

  getStylesheetUrl(themeOptions: ThemeOptions) {
    const cacheKey = JSON.stringify(themeOptions);
    if (!this.cache[cacheKey]) {
      this.cache[cacheKey] = getMergedStylesheet(themeOptions).url;
    }
    return this.cache[cacheKey];
  }
}

const renderPreloadSheet = (url: string): string =>
  `<link rel="preload" as="style" href="${url}" />`;

const renderLinkMainSheet = (url: string): string =>
  `<link id="${stylesId}" rel="stylesheet" type="text/css" onerror="window.missingMainStylesheet=true" href="${url}" />`;

const renderImportForColorScheme = (url: string, colorScheme: string): string =>
  `@import url("${url}") screen and (prefers-color-scheme: ${colorScheme});\n`;

const renderImportForPrint = (url: string): string =>
  `@import url("${url}") print;\n`;

export const renderAutoStyleImport = (siteThemeOverride?: SiteThemeOverride) => {
  const lightSheet = stylesheetUrls.getStylesheetUrl({siteThemeOverride, name: "default"})
  const darkSheet = stylesheetUrls.getStylesheetUrl({siteThemeOverride, name: "dark"})

  const light = renderImportForColorScheme(lightSheet, "light");
  const dark = renderImportForColorScheme(darkSheet, "dark");
  const print = renderImportForPrint(lightSheet);
  return `<style id="${stylesId}">${light}${dark}${print}</style>`;
}

export const renderJssSheetImports = (themeOptions: AbstractThemeOptions): string => {
  // The "auto" import option breaks playwright, so just stick to the default
  // sheet in e2e tests
  if (isE2E) {
    themeOptions = {name: "default"};
  }
  const prefix = '<style id="jss-insertion-point"></style>';
  if (themeOptionsAreConcrete(themeOptions)) {
    return `${prefix}${renderLinkMainSheet(stylesheetUrls.getStylesheetUrl(themeOptions))}`;
  }
  return `${prefix}${renderAutoStyleImport(themeOptions.siteThemeOverride)}`;
}

export const renderJssSheetPreloads = (themeOptions: AbstractThemeOptions) => {
  if (themeOptionsAreConcrete(themeOptions)) {
    return renderPreloadSheet(stylesheetUrls.getStylesheetUrl(themeOptions));
  }
  const lightSheet = renderPreloadSheet(stylesheetUrls.getStylesheetUrl({...themeOptions, name: "default"}))
  const darkSheet = renderPreloadSheet(stylesheetUrls.getStylesheetUrl({...themeOptions, name: "dark"}))
  return lightSheet + darkSheet;
}

1	import { isE2E } from '../../lib/executionEnvironment';	54✔
2	import { AbstractThemeOptions, ThemeOptions, themeOptionsAreConcrete } from '../../themes/themeNames';	18✔
3	import { getMergedStylesheet } from '../styleGeneration';	18✔
4
5	const stylesId = "main-styles";	18✔
6
7	const stylesheetUrls = new class {	18✔
8	private cache: Record<string, string> = {};	18✔
9
10	getStylesheetUrl(themeOptions: ThemeOptions) {
11	const cacheKey = JSON.stringify(themeOptions);	×
12	if (!this.cache[cacheKey]) {	×
13	this.cache[cacheKey] = getMergedStylesheet(themeOptions).url;	×
14	}
15	return this.cache[cacheKey];	×
16	}
17	}
18
19	const renderPreloadSheet = (url: string): string =>	18✔
20	`<link rel="preload" as="style" href="${url}" />`;	×
21
22	const renderLinkMainSheet = (url: string): string =>	18✔
23	`<link id="${stylesId}" rel="stylesheet" type="text/css" onerror="window.missingMainStylesheet=true" href="${url}" />`;	×
24
25	const renderImportForColorScheme = (url: string, colorScheme: string): string =>	18✔
26	`@import url("${url}") screen and (prefers-color-scheme: ${colorScheme});\n`;	×
27
28	const renderImportForPrint = (url: string): string =>	18✔
29	`@import url("${url}") print;\n`;	×
30
31	export const renderAutoStyleImport = (siteThemeOverride?: SiteThemeOverride) => {	18✔
32	const lightSheet = stylesheetUrls.getStylesheetUrl({siteThemeOverride, name: "default"})	×
33	const darkSheet = stylesheetUrls.getStylesheetUrl({siteThemeOverride, name: "dark"})	×
34
35	const light = renderImportForColorScheme(lightSheet, "light");	×
36	const dark = renderImportForColorScheme(darkSheet, "dark");	×
37	const print = renderImportForPrint(lightSheet);	×
38	return `<style id="${stylesId}">${light}${dark}${print}</style>`;	×
39	}
40
41	export const renderJssSheetImports = (themeOptions: AbstractThemeOptions): string => {	18✔
42	// The "auto" import option breaks playwright, so just stick to the default
43	// sheet in e2e tests
NEW 44	if (isE2E) {	×
NEW 45	themeOptions = {name: "default"};	×
46	}
47	const prefix = '<style id="jss-insertion-point"></style>';	×
48	if (themeOptionsAreConcrete(themeOptions)) {	×
49	return `${prefix}${renderLinkMainSheet(stylesheetUrls.getStylesheetUrl(themeOptions))}`;	×
50	}
51	return `${prefix}${renderAutoStyleImport(themeOptions.siteThemeOverride)}`;	×
52	}
53
54	export const renderJssSheetPreloads = (themeOptions: AbstractThemeOptions) => {	18✔
55	if (themeOptionsAreConcrete(themeOptions)) {	×
56	return renderPreloadSheet(stylesheetUrls.getStylesheetUrl(themeOptions));	×
57	}
58	const lightSheet = renderPreloadSheet(stylesheetUrls.getStylesheetUrl({...themeOptions, name: "default"}))	×
59	const darkSheet = renderPreloadSheet(stylesheetUrls.getStylesheetUrl({...themeOptions, name: "dark"}))	×
60	return lightSheet + darkSheet;	×
61	}

ForumMagnum / ForumMagnum / 9157115568

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous