Bienvenue, Prénom Nom
@@ -21,27 +20,27 @@ export function MainPage() {
{/*afficher la liste des équipes*/}
-
![]({require("../../img/logo2.png")}/)
+
Equipe 1
-
+
Equipe 2
-
+
Equipe 3
-
+
Equipe 3
-
+
Equipe 3
-
+
Equipe 3
@@ -53,19 +52,19 @@ export function MainPage() {
{/*afficher la liste des Schémas*/}
-
![]({require("../../img/Visualiseur.png")}/)
+
Schéma 1
-
+
Schéma 2
-
+
Schéma 3
-
+
Schéma 3
diff --git a/src/components/register/Register.js b/src/components/register/Register.js
index b0cdf54..22eb548 100644
--- a/src/components/register/Register.js
+++ b/src/components/register/Register.js
@@ -1,4 +1,3 @@
-import React from 'react'
import '../../css/login.css'
import { library } from '@fortawesome/fontawesome-svg-core';
diff --git a/src/css/index.css b/src/css/index.css
index ecea7e8..2a2b98f 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -39,7 +39,7 @@ body {
/* Portrait layout (default) */
.app {
- background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
+ background:url(/img/logo.png) no-repeat center top; /* 170px x 200px */
position:absolute; /* position in the center of the screen */
left:50%;
top:50%;
diff --git a/src/css/login.css b/src/css/login.css
index f7b33e3..f75e00a 100644
--- a/src/css/login.css
+++ b/src/css/login.css
@@ -13,7 +13,7 @@ a{
justify-content: center;
align-items: center;
min-height: 100vh;
- background-image: url("../img/background-login.jpg");
+ background-image: url("/img/background-login.jpg");
-webkit-backdrop-filter: blur(15px); /* assure la compatibilité avec safari */
backdrop-filter: blur(35px);
background-color: rgba(182, 182, 182, 0.2);
@@ -123,4 +123,4 @@ label input{
a:nth-of-type(1) {
display: block;
-}
\ No newline at end of file
+}
diff --git a/test/App.test.jsx b/test/App.test.jsx
new file mode 100644
index 0000000..84f6fbd
--- /dev/null
+++ b/test/App.test.jsx
@@ -0,0 +1,12 @@
+import { render } from '@testing-library/react';
+import { describe, test, expect } from 'vitest';
+
+const App = () =>
learn react
+
+describe('Application', function () {
+ test('renders learn react link', () => {
+ const { getByText } = render(
);
+ const linkElement = getByText(/learn react/i);
+ expect(linkElement).toBeInTheDocument();
+ });
+});
diff --git a/test/setupTests.js b/test/setupTests.js
new file mode 100644
index 0000000..c44951a
--- /dev/null
+++ b/test/setupTests.js
@@ -0,0 +1 @@
+import '@testing-library/jest-dom'
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..1eb2b0b
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,36 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vitest/config';
+import fs from 'fs/promises';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ esbuild: {
+ loader: "jsx",
+ include: /(src|test)\/.*\.jsx?$/,
+ exclude: [],
+ },
+ build: {
+ target: 'es2021',
+ },
+ test: {
+ globals: true,
+ environment: 'jsdom',
+ setupFiles: './test/setupTests.js'
+ },
+ plugins: [react()],
+ optimizeDeps: {
+ esbuildOptions: {
+ plugins: [
+ {
+ name: 'load-js-files-as-jsx',
+ setup(build) {
+ build.onLoad({ filter: /(src|test)\/.*\.js$/ }, async (args) => ({
+ loader: 'jsx',
+ contents: await fs.readFile(args.path, 'utf8'),
+ }));
+ },
+ },
+ ],
+ },
+ },
+});
+ 