payetongreviste/test-deployment.html at master · 10s25/payetongreviste · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test Deployment - PayeTonGréviste</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background: #f5f5f5;
        }
        .test-section {
            background: white;
            padding: 20px;
            margin: 20px 0;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .status {
            padding: 10px;
            border-radius: 4px;
            margin: 10px 0;
        }
        .success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
        .info { background: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; }
        button {
            background: #007bff;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 4px;
            cursor: pointer;
            margin: 5px;
        }
        button:hover { background: #0056b3; }
        #results { margin-top: 20px; }
    </style>
</head>
<body>
    <h1>🧪 Test de Déploiement - PayeTonGréviste</h1>

    <div class="test-section">
        <h2>Test des Assets JavaScript</h2>
        <p>Ce test vérifie si les fichiers JavaScript se chargent correctement avec les bons types MIME.</p>

        <button onclick="testAsset('assets/vendor-gH-7aFTg.js')">Test vendor.js</button>
        <button onclick="testAsset('assets/motion-Bdng1qfT.js')">Test motion.js</button>
        <button onclick="testAsset('assets/router-BoQ7bh5q.js')">Test router.js</button>
        <button onclick="testAsset('assets/index-C2Dab4mv.js')">Test index.js</button>
        <button onclick="testAllAssets()">Test Tous les Assets</button>
    </div>

    <div class="test-section">
        <h2>Test du Fichier .nojekyll</h2>
        <button onclick="testNoJekyll()">Vérifier .nojekyll</button>
    </div>

    <div class="test-section">
        <h2>Test de l'Application Complète</h2>
        <button onclick="testFullApp()">Charger l'Application</button>
    </div>

    <div id="results"></div>

    <script>
        function addResult(message, type = 'info') {
            const results = document.getElementById('results');
            const div = document.createElement('div');
            div.className = `status ${type}`;
            div.innerHTML = `<strong>${new Date().toLocaleTimeString()}</strong> - ${message}`;
            results.appendChild(div);
        }

        async function testAsset(assetPath) {
            try {
                addResult(`🔄 Test de ${assetPath}...`, 'info');

                const response = await fetch(assetPath);
                const contentType = response.headers.get('content-type');

                if (response.ok) {
                    if (contentType && contentType.includes('application/javascript')) {
                        addResult(`✅ ${assetPath} - Type MIME correct: ${contentType}`, 'success');
                    } else {
                        addResult(`⚠️ ${assetPath} - Type MIME incorrect: ${contentType}`, 'error');
                    }
                } else {
                    addResult(`❌ ${assetPath} - Erreur ${response.status}: ${response.statusText}`, 'error');
                }
            } catch (error) {
                addResult(`❌ ${assetPath} - Erreur: ${error.message}`, 'error');
            }
        }

        async function testNoJekyll() {
            try {
                addResult('🔄 Vérification du fichier .nojekyll...', 'info');

                const response = await fetch('.nojekyll');
                if (response.ok) {
                    addResult('✅ Fichier .nojekyll trouvé', 'success');
                } else {
                    addResult('❌ Fichier .nojekyll manquant', 'error');
                }
            } catch (error) {
                addResult(`❌ Erreur lors de la vérification de .nojekyll: ${error.message}`, 'error');
            }
        }

        async function testAllAssets() {
            const assets = [
                'assets/vendor-gH-7aFTg.js',
                'assets/motion-Bdng1qfT.js',
                'assets/router-BoQ7bh5q.js',
                'assets/index-C2Dab4mv.js',
                'assets/index-BwUKSc2y.css'
            ];

            addResult('🔄 Test de tous les assets...', 'info');

            for (const asset of assets) {
                await testAsset(asset);
                await new Promise(resolve => setTimeout(resolve, 100)); // Petite pause
            }
        }

        function testFullApp() {
            addResult('🔄 Chargement de l\'application complète...', 'info');

            // Créer un iframe pour charger l'app
            const iframe = document.createElement('iframe');
            iframe.src = 'index.html';
            iframe.style.width = '100%';
            iframe.style.height = '600px';
            iframe.style.border = '1px solid #ccc';
            iframe.style.borderRadius = '4px';

            iframe.onload = () => {
                addResult('✅ Application chargée avec succès', 'success');
            };

            iframe.onerror = () => {
                addResult('❌ Erreur lors du chargement de l\'application', 'error');
            };

            const results = document.getElementById('results');
            results.appendChild(iframe);
        }

        // Test automatique au chargement de la page
        window.onload = () => {
            addResult('🚀 Page de test chargée', 'info');
            testNoJekyll();
        };
    </script>
</body>
</html>