mirror of
https://github.com/withastro/astro.git
synced 2024-12-23 21:53:55 -05:00
chore: move i18n routing tests (#10002)
* chore: move i18n routing tests * change some test * ignore nodetest files * let's try now * rebase
This commit is contained in:
Emanuele Stoppa
GitHub
parent
037e4f12dd
commit
9ef79173a6
4 changed files with 515 additions and 509 deletions
|
|
@ -107,11 +107,12 @@
|
|||
"dev": "astro-scripts dev --copy-wasm --prebuild \"src/runtime/server/astro-island.ts\" --prebuild \"src/runtime/client/{idle,load,media,only,visible}.ts\" \"src/**/*.{ts,js}\"",
|
||||
"postbuild": "astro-scripts copy \"src/**/*.astro\" && astro-scripts copy \"src/**/*.wasm\"",
|
||||
"test:unit": "mocha --exit --timeout 30000 ./test/units/**/*.test.js",
|
||||
"test:unit:match": "mocha --exit --timeout 30000 ./test/units/**/*.test.js -g",
|
||||
"test": "pnpm run test:unit && mocha --exit --timeout 30000 --ignore **/lit-element.test.js && mocha --timeout 30000 **/lit-element.test.js",
|
||||
"test:unit:match": "mocha --exit --timeout 30000 ./test/units/**/*.test.js -g --ignore **/*.nodetest.js",
|
||||
"test": "pnpm run test:node && pnpm run test:unit && mocha --exit --timeout 30000 --ignore **/*.nodetest.js --ignore **/lit-element.test.js && mocha --timeout 30000 **/lit-element.test.js --ignore **/*.nodetest.js",
|
||||
"test:match": "mocha --timeout 30000 -g",
|
||||
"test:e2e": "playwright test",
|
||||
"test:e2e:match": "playwright test -g"
|
||||
"test:e2e:match": "playwright test -g",
|
||||
"test:node": "astro-scripts test \"test/**/*.nodetest.js\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@astrojs/compiler": "^2.5.3",
|
||||
|
|
|
|||
|
|
@ -2,7 +2,177 @@ import { expect } from 'chai';
|
|||
import * as cheerio from 'cheerio';
|
||||
import { loadFixture } from './test-utils.js';
|
||||
|
||||
describe('Astro basics', () => {
|
||||
describe('Astro basic build', () => {
|
||||
/** @type {import('./test-utils').Fixture} */
|
||||
let fixture;
|
||||
|
||||
let previewServer;
|
||||
|
||||
before(async () => {
|
||||
fixture = await loadFixture({
|
||||
root: './fixtures/astro-basic/',
|
||||
});
|
||||
await fixture.build();
|
||||
previewServer = await fixture.preview();
|
||||
});
|
||||
|
||||
// important: close preview server (free up port and connection)
|
||||
after(async () => {
|
||||
await previewServer.stop();
|
||||
});
|
||||
|
||||
it('Can load page', async () => {
|
||||
const html = await fixture.readFile(`/index.html`);
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('h1').text()).to.equal('Hello world!');
|
||||
});
|
||||
|
||||
it('Correctly serializes boolean attributes', async () => {
|
||||
const html = await fixture.readFile('/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('h1').attr('data-something')).to.equal('');
|
||||
expect($('h2').attr('not-data-ok')).to.equal('');
|
||||
});
|
||||
|
||||
it('Selector with an empty body', async () => {
|
||||
const html = await fixture.readFile('/empty-class/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('.author')).to.have.lengthOf(1);
|
||||
});
|
||||
|
||||
it('Allows forward-slashes in mustache tags (#407)', async () => {
|
||||
const html = await fixture.readFile('/forward-slash/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('a[href="/post/one"]')).to.have.lengthOf(1);
|
||||
expect($('a[href="/post/two"]')).to.have.lengthOf(1);
|
||||
expect($('a[href="/post/three"]')).to.have.lengthOf(1);
|
||||
});
|
||||
|
||||
it('Allows spread attributes (#521)', async () => {
|
||||
const html = await fixture.readFile('/spread/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('#spread-leading')).to.have.lengthOf(1);
|
||||
expect($('#spread-leading').attr('a')).to.equal('0');
|
||||
expect($('#spread-leading').attr('b')).to.equal('1');
|
||||
expect($('#spread-leading').attr('c')).to.equal('2');
|
||||
|
||||
expect($('#spread-trailing')).to.have.lengthOf(1);
|
||||
expect($('#spread-trailing').attr('a')).to.equal('0');
|
||||
expect($('#spread-trailing').attr('b')).to.equal('1');
|
||||
expect($('#spread-trailing').attr('c')).to.equal('2');
|
||||
});
|
||||
|
||||
it('Allows spread attributes with TypeScript (#521)', async () => {
|
||||
const html = await fixture.readFile('/spread/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('#spread-ts')).to.have.lengthOf(1);
|
||||
expect($('#spread-ts').attr('a')).to.equal('0');
|
||||
expect($('#spread-ts').attr('b')).to.equal('1');
|
||||
expect($('#spread-ts').attr('c')).to.equal('2');
|
||||
});
|
||||
|
||||
it('Allows scoped classes with spread', async () => {
|
||||
const html = await fixture.readFile('/spread-scope/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('#spread-plain')).to.have.lengthOf(1);
|
||||
expect($('#spread-plain').attr('class')).to.match(/astro-.*/);
|
||||
|
||||
expect($('#spread-class')).to.have.lengthOf(1);
|
||||
expect($('#spread-class').attr('class')).to.match(/astro-.*/);
|
||||
|
||||
expect($('#spread-class-list')).to.have.lengthOf(1);
|
||||
expect($('#spread-class-list').attr('class')).to.match(/astro-.*/);
|
||||
});
|
||||
|
||||
it('Allows using the Fragment element to be used', async () => {
|
||||
const html = await fixture.readFile('/fragment/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
// will be 1 if element rendered correctly
|
||||
expect($('#one')).to.have.lengthOf(1);
|
||||
});
|
||||
|
||||
it('supports special chars in filename', async () => {
|
||||
// will have already erred by now, but add test anyway
|
||||
expect(await fixture.readFile('/special-“characters” -in-file/index.html')).to.be.ok;
|
||||
});
|
||||
|
||||
it('renders the components top-down', async () => {
|
||||
const html = await fixture.readFile('/order/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
expect($('#rendered-order').text()).to.eq('Rendered order: A, B');
|
||||
});
|
||||
|
||||
it('renders markdown in utf-8 by default', async () => {
|
||||
const html = await fixture.readFile('/chinese-encoding-md/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('我的第一篇博客文章');
|
||||
});
|
||||
|
||||
it('renders MDX in utf-8 by default', async () => {
|
||||
const html = await fixture.readFile('/chinese-encoding-mdx/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('我的第一篇博客文章');
|
||||
});
|
||||
|
||||
it('Supports void elements whose name is a string (#2062)', async () => {
|
||||
const html = await fixture.readFile('/input/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
// <Input />
|
||||
expect($('body > :nth-child(1)').prop('outerHTML')).to.equal('<input>');
|
||||
|
||||
// <Input type="password" />
|
||||
expect($('body > :nth-child(2)').prop('outerHTML')).to.equal('<input type="password">');
|
||||
|
||||
// <Input type="text" />
|
||||
expect($('body > :nth-child(3)').prop('outerHTML')).to.equal('<input type="text">');
|
||||
|
||||
// <Input type="select"><option>option</option></Input>
|
||||
expect($('body > :nth-child(4)').prop('outerHTML')).to.equal(
|
||||
'<select><option>option</option></select>'
|
||||
);
|
||||
|
||||
// <Input type="textarea">textarea</Input>
|
||||
expect($('body > :nth-child(5)').prop('outerHTML')).to.equal('<textarea>textarea</textarea>');
|
||||
});
|
||||
|
||||
it('Generates pages that end with .mjs', async () => {
|
||||
const content1 = await fixture.readFile('/get-static-paths-with-mjs/example.mjs');
|
||||
expect(content1).to.be.ok;
|
||||
const content2 = await fixture.readFile('/get-static-paths-with-mjs/example.js');
|
||||
expect(content2).to.be.ok;
|
||||
});
|
||||
|
||||
it('allows file:// urls as module specifiers', async () => {
|
||||
const html = await fixture.readFile('/fileurl/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('WORKS');
|
||||
});
|
||||
|
||||
describe('preview', () => {
|
||||
it('returns 200 for valid URLs', async () => {
|
||||
const result = await fixture.fetch('/');
|
||||
expect(result.status).to.equal(200);
|
||||
});
|
||||
|
||||
it('returns 404 for invalid URLs', async () => {
|
||||
const result = await fixture.fetch('/bad-url');
|
||||
expect(result.status).to.equal(404);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('Astro basic development', () => {
|
||||
/** @type {import('./test-utils').DevServer} */
|
||||
let devServer;
|
||||
/** @type {import('./test-utils').Fixture} */
|
||||
let fixture;
|
||||
|
||||
|
|
@ -10,206 +180,33 @@ describe('Astro basics', () => {
|
|||
fixture = await loadFixture({
|
||||
root: './fixtures/astro-basic/',
|
||||
});
|
||||
devServer = await fixture.startDevServer();
|
||||
});
|
||||
after(async () => {
|
||||
await devServer.stop();
|
||||
});
|
||||
|
||||
describe('build', () => {
|
||||
let previewServer;
|
||||
|
||||
before(async () => {
|
||||
fixture = await loadFixture({
|
||||
root: './fixtures/astro-basic/',
|
||||
});
|
||||
await fixture.build();
|
||||
previewServer = await fixture.preview();
|
||||
});
|
||||
|
||||
// important: close preview server (free up port and connection)
|
||||
after(async () => {
|
||||
await previewServer.stop();
|
||||
});
|
||||
|
||||
it('Can load page', async () => {
|
||||
const html = await fixture.readFile(`/index.html`);
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('h1').text()).to.equal('Hello world!');
|
||||
});
|
||||
|
||||
it('Correctly serializes boolean attributes', async () => {
|
||||
const html = await fixture.readFile('/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('h1').attr('data-something')).to.equal('');
|
||||
expect($('h2').attr('not-data-ok')).to.equal('');
|
||||
});
|
||||
|
||||
it('Selector with an empty body', async () => {
|
||||
const html = await fixture.readFile('/empty-class/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('.author')).to.have.lengthOf(1);
|
||||
});
|
||||
|
||||
it('Allows forward-slashes in mustache tags (#407)', async () => {
|
||||
const html = await fixture.readFile('/forward-slash/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('a[href="/post/one"]')).to.have.lengthOf(1);
|
||||
expect($('a[href="/post/two"]')).to.have.lengthOf(1);
|
||||
expect($('a[href="/post/three"]')).to.have.lengthOf(1);
|
||||
});
|
||||
|
||||
it('Allows spread attributes (#521)', async () => {
|
||||
const html = await fixture.readFile('/spread/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('#spread-leading')).to.have.lengthOf(1);
|
||||
expect($('#spread-leading').attr('a')).to.equal('0');
|
||||
expect($('#spread-leading').attr('b')).to.equal('1');
|
||||
expect($('#spread-leading').attr('c')).to.equal('2');
|
||||
|
||||
expect($('#spread-trailing')).to.have.lengthOf(1);
|
||||
expect($('#spread-trailing').attr('a')).to.equal('0');
|
||||
expect($('#spread-trailing').attr('b')).to.equal('1');
|
||||
expect($('#spread-trailing').attr('c')).to.equal('2');
|
||||
});
|
||||
|
||||
it('Allows spread attributes with TypeScript (#521)', async () => {
|
||||
const html = await fixture.readFile('/spread/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('#spread-ts')).to.have.lengthOf(1);
|
||||
expect($('#spread-ts').attr('a')).to.equal('0');
|
||||
expect($('#spread-ts').attr('b')).to.equal('1');
|
||||
expect($('#spread-ts').attr('c')).to.equal('2');
|
||||
});
|
||||
|
||||
it('Allows scoped classes with spread', async () => {
|
||||
const html = await fixture.readFile('/spread-scope/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
expect($('#spread-plain')).to.have.lengthOf(1);
|
||||
expect($('#spread-plain').attr('class')).to.match(/astro-.*/);
|
||||
|
||||
expect($('#spread-class')).to.have.lengthOf(1);
|
||||
expect($('#spread-class').attr('class')).to.match(/astro-.*/);
|
||||
|
||||
expect($('#spread-class-list')).to.have.lengthOf(1);
|
||||
expect($('#spread-class-list').attr('class')).to.match(/astro-.*/);
|
||||
});
|
||||
|
||||
it('Allows using the Fragment element to be used', async () => {
|
||||
const html = await fixture.readFile('/fragment/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
// will be 1 if element rendered correctly
|
||||
expect($('#one')).to.have.lengthOf(1);
|
||||
});
|
||||
|
||||
it('supports special chars in filename', async () => {
|
||||
// will have already erred by now, but add test anyway
|
||||
expect(await fixture.readFile('/special-“characters” -in-file/index.html')).to.be.ok;
|
||||
});
|
||||
|
||||
it('renders the components top-down', async () => {
|
||||
const html = await fixture.readFile('/order/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
expect($('#rendered-order').text()).to.eq('Rendered order: A, B');
|
||||
});
|
||||
|
||||
it('renders markdown in utf-8 by default', async () => {
|
||||
const html = await fixture.readFile('/chinese-encoding-md/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('我的第一篇博客文章');
|
||||
});
|
||||
|
||||
it('renders MDX in utf-8 by default', async () => {
|
||||
const html = await fixture.readFile('/chinese-encoding-mdx/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('我的第一篇博客文章');
|
||||
});
|
||||
|
||||
it('Supports void elements whose name is a string (#2062)', async () => {
|
||||
const html = await fixture.readFile('/input/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
// <Input />
|
||||
expect($('body > :nth-child(1)').prop('outerHTML')).to.equal('<input>');
|
||||
|
||||
// <Input type="password" />
|
||||
expect($('body > :nth-child(2)').prop('outerHTML')).to.equal('<input type="password">');
|
||||
|
||||
// <Input type="text" />
|
||||
expect($('body > :nth-child(3)').prop('outerHTML')).to.equal('<input type="text">');
|
||||
|
||||
// <Input type="select"><option>option</option></Input>
|
||||
expect($('body > :nth-child(4)').prop('outerHTML')).to.equal(
|
||||
'<select><option>option</option></select>'
|
||||
);
|
||||
|
||||
// <Input type="textarea">textarea</Input>
|
||||
expect($('body > :nth-child(5)').prop('outerHTML')).to.equal('<textarea>textarea</textarea>');
|
||||
});
|
||||
|
||||
it('Generates pages that end with .mjs', async () => {
|
||||
const content1 = await fixture.readFile('/get-static-paths-with-mjs/example.mjs');
|
||||
expect(content1).to.be.ok;
|
||||
const content2 = await fixture.readFile('/get-static-paths-with-mjs/example.js');
|
||||
expect(content2).to.be.ok;
|
||||
});
|
||||
|
||||
it('allows file:// urls as module specifiers', async () => {
|
||||
const html = await fixture.readFile('/fileurl/index.html');
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('WORKS');
|
||||
});
|
||||
|
||||
describe('preview', () => {
|
||||
it('returns 200 for valid URLs', async () => {
|
||||
const result = await fixture.fetch('/');
|
||||
expect(result.status).to.equal(200);
|
||||
});
|
||||
|
||||
it('returns 404 for invalid URLs', async () => {
|
||||
const result = await fixture.fetch('/bad-url');
|
||||
expect(result.status).to.equal(404);
|
||||
});
|
||||
});
|
||||
it('Renders markdown in utf-8 by default', async () => {
|
||||
const res = await fixture.fetch('/chinese-encoding-md');
|
||||
expect(res.status).to.equal(200);
|
||||
const html = await res.text();
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('我的第一篇博客文章');
|
||||
const isUtf8 =
|
||||
res.headers.get('content-type').includes('charset=utf-8') ||
|
||||
html.includes('<meta charset="utf-8">');
|
||||
expect(isUtf8).to.be.true;
|
||||
});
|
||||
|
||||
describe('development', () => {
|
||||
/** @type {import('./test-utils').DevServer} */
|
||||
let devServer;
|
||||
|
||||
before(async () => {
|
||||
devServer = await fixture.startDevServer();
|
||||
});
|
||||
after(async () => {
|
||||
await devServer.stop();
|
||||
});
|
||||
|
||||
it('Renders markdown in utf-8 by default', async () => {
|
||||
const res = await fixture.fetch('/chinese-encoding-md');
|
||||
expect(res.status).to.equal(200);
|
||||
const html = await res.text();
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('我的第一篇博客文章');
|
||||
const isUtf8 =
|
||||
res.headers.get('content-type').includes('charset=utf-8') ||
|
||||
html.includes('<meta charset="utf-8">');
|
||||
expect(isUtf8).to.be.true;
|
||||
});
|
||||
|
||||
it('Renders MDX in utf-8 by default', async () => {
|
||||
const res = await fixture.fetch('/chinese-encoding-mdx');
|
||||
expect(res.status).to.equal(200);
|
||||
const html = await res.text();
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('我的第一篇博客文章');
|
||||
const isUtf8 =
|
||||
res.headers.get('content-type').includes('charset=utf-8') ||
|
||||
html.includes('<meta charset="utf-8">');
|
||||
expect(isUtf8).to.be.true;
|
||||
});
|
||||
it('Renders MDX in utf-8 by default', async () => {
|
||||
const res = await fixture.fetch('/chinese-encoding-mdx');
|
||||
expect(res.status).to.equal(200);
|
||||
const html = await res.text();
|
||||
const $ = cheerio.load(html);
|
||||
expect($('h1').text()).to.equal('我的第一篇博客文章');
|
||||
const isUtf8 =
|
||||
res.headers.get('content-type').includes('charset=utf-8') ||
|
||||
html.includes('<meta charset="utf-8">');
|
||||
expect(isUtf8).to.be.true;
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -105,7 +105,6 @@ describe('astro cli', () => {
|
|||
const { messages } = await parseCliDevStart(proc);
|
||||
|
||||
const index = messages[0].includes('[vite]') ? 1 : 0;
|
||||
|
||||
expect(messages[index]).to.contain('astro');
|
||||
expect(messages[index]).to.contain(pkgVersion);
|
||||
expect(messages[index]).to.contain('ready in');
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue