PatAlcala9/fwt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: PatAlcala9:1c3f2565c7b0218bc444955db4ad86cfa145483a
Branches Tags
PatAlcala9:main
..
compare: PatAlcala9:de35dbb95370356a111504f19f64902f7b662eda
Branches Tags
PatAlcala9:main

No commits in common. "1c3f2565c7b0218bc444955db4ad86cfa145483a" and "de35dbb95370356a111504f19f64902f7b662eda" have entirely different histories.
1c3f2565c7 ... de35dbb953

3 changed files with 11 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

20
fwt/components/Head/Head.tsx
View file

@ -1,20 +0,0 @@
interface Props {
title: string
name: string
description: string
}
export default (props: Props) => {
return (
<>
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<meta name="name" content={props.name} />
<meta name="description" content={props.description} />
<title>{props.title}</title>
</head>
</>
)
}

11
src/layouts/Layout.astro
View file

@ -6,13 +6,20 @@ const websiteDescription = 'This is just a template.'
import Background from '../../fwt/components/Background/Background' import Background from '../../fwt/components/Background/Background'
import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground' import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground'
import Head from '../../fwt/components/Head/Head'
--- ---
<html lang="en"> <html lang="en">
<Head title={title} name={websiteName} description={websiteDescription} /> <head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
<meta name="name" content={websiteName} />
<meta name="description" content={websiteDescription} />
<title>{title}</title>
</head>
<body id="body"> <body id="body">
<!-- <OptimizeBackground /> -->
<Background color="#0c1b31" /> <Background color="#0c1b31" />
<slot /> <slot />

4
tests/index.spec.ts
View file

@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
test('page loaded correctly', async ({ page }) => { test('page loaded correctly', async ({ page }) => {
await page.goto('http://localhost:4321') await page.goto('http://localhost:4321')
await expect(page).toHaveTitle('FWT') await expect(page).toHaveTitle('Home')
const descriptionMeta = await page.getAttribute('meta[name="name"]', 'content') const descriptionMeta = await page.getAttribute('meta[name="name"]', 'content')
expect(descriptionMeta).toBe('Template') expect(descriptionMeta).toBe('Template')
@ -23,5 +23,5 @@ test('header title is visible and contains correct text', async ({ page }) => {
await page.goto('http://localhost:4321') await page.goto('http://localhost:4321')
const headerTitle = await page.textContent('h1') const headerTitle = await page.textContent('h1')
expect(headerTitle).toBe('Fast WebApp Template') expect(headerTitle).toBe('Main Page')
}) })