🌲

QwikDev · Jun 30, 2023 · bdb3ac4 · bdb3ac4
1 parent 2286999
commit bdb3ac4
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/custom-src/components/example/example.spec.tsx b/custom-src/components/example/example.spec.tsx
@@ -38,3 +38,20 @@ test(`[ExampleTest Component]: build conditions`, async () => {
   expect(screen.querySelector('#is-server')?.textContent).toContain('true');
   expect(screen.querySelector('#is-dev')?.textContent).toContain('true');
 });
+
+
+test(`[ExampleTest Component]: test image jpeg`, async () => {
+  const { screen, render } = await createDOM();
+  await render(<ExampleTest flag={false} />);
+  const img = screen.querySelector('#image-jpeg') as HTMLImageElement;
+  expect(img?.width).toEqual(200);
+  expect(img?.height).toEqual(200);
+});
+
+
+test(`[ExampleTest Component]: test image svg`, async () => {
+  const { screen, render } = await createDOM();
+  await render(<ExampleTest flag={false} />);
+  const img = screen.querySelector('#image-svg') as SVGElement;
+  expect(img?.innerHTML).toContain('<path fill="#18B6F6"');
+});
diff --git a/custom-src/components/example/example.tsx b/custom-src/components/example/example.tsx
@@ -1,6 +1,8 @@
 import { component$, useStore } from '@builder.io/qwik';
 import { isBrowser, isDev, isServer } from '@builder.io/qwik/build';
 import styles from './example.module.css';
+import ImageJpeg from '../../assets/test.jpeg?jsx';
+import ImageSvg from '../../assets/qwik-logo.svg?jsx';
 
 export const ExampleTest = component$((props: { flag: boolean }) => {
   const state = useStore({
@@ -9,6 +11,9 @@ export const ExampleTest = component$((props: { flag: boolean }) => {
 
   return (
     <div class={styles.example}>
+      <ImageJpeg id="image-jpeg" />
+      <ImageSvg id="image-svg" />
+
       <span>Count:{state.counter}</span>
       <div class="icon">Flag: {props.flag ? '⭐' : '💣'}</div>
       <button class="btn-counter" onClick$={() => state.counter++}>