jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-04-21 19:00:54 -04:00
Code Issues Projects Releases Wiki Activity

fix: inconsistent requirement in light box viewer test (#58198)

Browse Source
This commit is contained in:
Rajat32-op
2025-01-18 01:41:17 +05:30
committed by GitHub
parent 975addada3
commit 2387f79488
1 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
curriculum/challenges/english/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
View File

@@ -209,7 +209,7 @@ galleryItems.forEach((item) => {
```
When your `.lightbox` element is visible and you click anywhere outside the image, the `.lightbox` elements `display` should be set back to `none`.
When your `.lightbox` element is visible and you click the `#close` button, the `.lightbox` elements `display` should be set back to `none`.
```js
// Get the lightbox and a background element (or the document) for simulating clicks outside
@@ -222,7 +222,7 @@ function getComputedDisplay(element) {
}
// Make sure the lightbox is visible initially
assert.strictEqual(getComputedDisplay(lightbox), 'flex');
lightbox.style.display = "flex";
// Simulate a click outside the lightbox
background.dispatchEvent(new Event('click'));
@@ -234,6 +234,30 @@ background.dispatchEvent(new Event('click'));
assert.strictEqual(getComputedDisplay(lightbox), 'none');
```
When your `.lightbox` element is visible and you click the `.lightbox` element, the `.lightbox` elements `display` should be set back to `none`.
```js
// Get the lightbox element for simulating clicks outside
const lightbox = document.querySelector(".lightbox");
// Function to get the computed display property
function getComputedDisplay(element) {
return window.getComputedStyle(element).display;
}
// Make sure the lightbox is visible initially
lightbox.style.display = "flex";
// Simulate a click inside the lightbox
lightbox.dispatchEvent(new Event('click'));
// Wait for any async operations if needed
// await new Promise(resolve => setTimeout(resolve, 100)); // Adjust timeout as needed
// Assert that the lightbox is hidden after clicking outside
assert.strictEqual(getComputedDisplay(lightbox), 'none');
```
# --seed--
## --seed-contents--