michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[ci] format

Browse source
This commit is contained in:
matthewp 2023-09-11 12:41:49 +00:00 committed by astrobot-houston
parent fa77fa63d9
commit c934b087d7
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/astro/components/ViewTransitions.astro
View file

@ -114,7 +114,7 @@ const { fallback = 'animate' } = Astro.props as Props;
const parser = new DOMParser(); const parser = new DOMParser();
// A noop element used to prevent styles from being removed // A noop element used to prevent styles from being removed
if(import.meta.env.DEV) { if (import.meta.env.DEV) {
var noopEl: string | undefined = document.createElement('div'); var noopEl: string | undefined = document.createElement('div');
} }
@ -145,13 +145,15 @@ const { fallback = 'animate' } = Astro.props as Props;
} }
} }
// Only run this in dev. This will get stripped from production builds and is not needed. // Only run this in dev. This will get stripped from production builds and is not needed.
if(import.meta.env.DEV) { if (import.meta.env.DEV) {
if(el.tagName === 'STYLE' && el.dataset.viteDevId) { if (el.tagName === 'STYLE' && el.dataset.viteDevId) {
const devId = el.dataset.viteDevId; const devId = el.dataset.viteDevId;
// If this same style tag exists, remove it from the new page // If this same style tag exists, remove it from the new page
return doc.querySelector(`style[data-astro-dev-id="${devId}"]`) return (
// Otherwise, keep it anyways. This is client:only styles. doc.querySelector(`style[data-astro-dev-id="${devId}"]`) ||
|| noopEl; // Otherwise, keep it anyways. This is client:only styles.
noopEl
);
} }
} }
return null; return null;

2
packages/astro/e2e/view-transitions.test.js
View file

@ -566,7 +566,7 @@ test.describe('View Transitions', () => {
await expect(p, 'should have content').toHaveText('Page 1'); await expect(p, 'should have content').toHaveText('Page 1');
}); });
test("client:only styles are retained on transition", async ({ page, astro }) => { test('client:only styles are retained on transition', async ({ page, astro }) => {
const totalExpectedStyles = 8; const totalExpectedStyles = 8;
// Go to page 1 // Go to page 1