Skip to content

Commit

Permalink
adjusting the indentations and errors
Browse files Browse the repository at this point in the history
  • Loading branch information
Latifa Al-Hitmi authored and Latifa Al-Hitmi committed Oct 18, 2024
1 parent 7d70c1d commit 0d40bdc
Showing 1 changed file with 154 additions and 154 deletions.
308 changes: 154 additions & 154 deletions test/bug-logs.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,195 +4,195 @@

// Mock document and window objects
global.document = {
querySelectorAll: (selector) => {
const elements = [];
if (selector === '#bug-logs-container') {
elements.push({
innerHTML: '',
insertAdjacentHTML: function (position, content) {
this.innerHTML += content;
},
children: [],
querySelectorAll: subSelector => [],
});
} else if (selector === '#bug-report-description') {
elements.push({
value: '',
addEventListener: function (event, handler) {
this.handler = handler;
},
});
} else if (selector === '#submit-bug-report') {
elements.push({
addEventListener: function (event, handler) {
this.handler = handler;
},
click: function () {
if (this.handler) {
this.handler();
}
},
});
}
return elements;
},
createElement: tagName => ({
classList: {
add: function (className) {
this.className = className;
},
},
_innerHTML: '',
appendChild: function (child) {
this.innerHTML += child.outerHTML;
},
outerHTML: '',
set innerHTML(value) {
this._innerHTML = value;
this.outerHTML = `<${tagName} class="${this.className}">${value}</${tagName}>`;
},
get innerHTML() {
return this._innerHTML;
},
}),
querySelectorAll: (selector) => {

Check failure on line 7 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 1 tab but found 4 spaces
const elements = [];

Check failure on line 8 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 2 tabs but found 8 spaces
if (selector === '#bug-logs-container') {

Check failure on line 9 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 2 tabs but found 8 spaces
elements.push({

Check failure on line 10 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 3 tabs but found 12 spaces
innerHTML: '',

Check failure on line 11 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 4 tabs but found 16 spaces
insertAdjacentHTML: function (position, content) {

Check failure on line 12 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 4 tabs but found 16 spaces
this.innerHTML += content;

Check failure on line 13 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 5 tabs but found 20 spaces
},

Check failure on line 14 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 4 tabs but found 16 spaces
children: [],

Check failure on line 15 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 4 tabs but found 16 spaces
querySelectorAll: subSelector => [],

Check failure on line 16 in test/bug-logs.js

View workflow job for this annotation

GitHub Actions / test 

Expected indentation of 4 tabs but found 16 spaces
});
} else if (selector === '#bug-report-description') {
elements.push({
value: '',
addEventListener: function (event, handler) {
this.handler = handler;
},
});
} else if (selector === '#submit-bug-report') {
elements.push({
addEventListener: function (event, handler) {
this.handler = handler;
},
click: function () {
if (this.handler) {
this.handler();
}
},
});
}
return elements;
},
createElement: tagName => ({
classList: {
add: function (className) {
this.className = className;
},
},
_innerHTML: '',
appendChild: function (child) {
this.innerHTML += child.outerHTML;
},
outerHTML: '',
set innerHTML(value) {
this._innerHTML = value;
this.outerHTML = `<${tagName} class="${this.className}">${value}</${tagName}>`;
},
get innerHTML() {
return this._innerHTML;
},
}),
};

global.window = {
alert: (message) => {
console.log('Alert:', message);
},
alert: (message) => {
console.log('Alert:', message);
},
};

// Mock jQuery
const $ = (selector) => {
const elements = document.querySelectorAll(selector);
return {
on: (event, handler) => {
elements.forEach(element => element.addEventListener(event, handler));
},
val: (value) => {
if (value === undefined) {
return elements[0].value;
}
elements.forEach((element) => { element.value = value; });
},
append: (content) => {
elements.forEach(element => element.insertAdjacentHTML('beforeend', content));
},
empty: () => {
elements.forEach((element) => { element.innerHTML = ''; });
},
children: () => elements[0].children,
find: selector => elements[0].querySelectorAll(selector),
click: () => {
elements.forEach((element) => {
if (element.click) {
element.click();
}
});
},
};
const elements = document.querySelectorAll(selector);
return {
on: (event, handler) => {
elements.forEach(element => element.addEventListener(event, handler));
},
val: (value) => {
if (value === undefined) {
return elements[0].value;
}
elements.forEach((element) => { element.value = value; });
},
append: (content) => {
elements.forEach(element => element.insertAdjacentHTML('beforeend', content));
},
empty: () => {
elements.forEach((element) => { element.innerHTML = ''; });
},
children: () => elements[0].children,
find: selector => elements[0].querySelectorAll(selector),
click: () => {
elements.forEach((element) => {
if (element.click) {
element.click();
}
});
},
};
};

// Mock API
const api = {
get: url => new Promise((resolve, reject) => {
if (url === '/api/admin/get-bug-log') {
resolve({
bugLogs: [
{ user: 'User1', description: 'Bug1', timestamp: '2023-01-01' },
{ user: 'User2', description: 'Bug2', timestamp: '2023-01-02' },
],
});
} else {
reject(new Error('Invalid URL'));
}
}),
post: (url, data) => new Promise((resolve, reject) => {
if (url === '/api/admin/submit-bug-report' && data.description) {
resolve();
} else {
reject(new Error('Invalid URL or data'));
}
}),
get: url => new Promise((resolve, reject) => {
if (url === '/api/admin/get-bug-log') {
resolve({
bugLogs: [
{ user: 'User1', description: 'Bug1', timestamp: '2023-01-01' },
{ user: 'User2', description: 'Bug2', timestamp: '2023-01-02' },
],
});
} else {
reject(new Error('Invalid URL'));
}
}),
post: (url, data) => new Promise((resolve, reject) => {
if (url === '/api/admin/submit-bug-report' && data.description) {
resolve();
} else {
reject(new Error('Invalid URL or data'));
}
}),
};

// Your original code
const BugLogs = {};

BugLogs.init = () => {
// Fetch and display bug logs
fetchBugLogs();
// Fetch and display bug logs
fetchBugLogs();

// Handle bug report submission
$('#submit-bug-report').on('click', submitBugReport);
// Handle bug report submission
$('#submit-bug-report').on('click', submitBugReport);
};

function fetchBugLogs() {
api.get('/api/admin/get-bug-log')
.then((data) => {
const bugLogsContainer = $('#bug-logs-container');
bugLogsContainer.empty();

if (data.bugLogs && data.bugLogs.length > 0) {
data.bugLogs.forEach((log) => {
const logElement = document.createElement('div');
logElement.classList.add('bug-log');
logElement.innerHTML = `
api.get('/api/admin/get-bug-log')
.then((data) => {
const bugLogsContainer = $('#bug-logs-container');
bugLogsContainer.empty();

if (data.bugLogs && data.bugLogs.length > 0) {
data.bugLogs.forEach((log) => {
const logElement = document.createElement('div');
logElement.classList.add('bug-log');
logElement.innerHTML = `
<p>User: ${log.user}</p>
<p>Description: ${log.description}</p>
<p>Timestamp: ${log.timestamp}</p>
`;
bugLogsContainer.append(logElement.outerHTML);
});
} else {
bugLogsContainer.append('<p>No bug logs found.</p>');
}
})
.catch((err) => {
console.error('Error fetching bug logs:', err);
$('#bug-logs-container').append('<p>Error fetching bug logs.</p>');
});
bugLogsContainer.append(logElement.outerHTML);
});
} else {
bugLogsContainer.append('<p>No bug logs found.</p>');
}
})
.catch((err) => {
console.error('Error fetching bug logs:', err);
$('#bug-logs-container').append('<p>Error fetching bug logs.</p>');
});
}

function submitBugReport() {
const description = $('#bug-report-description').val().trim();

if (!description) {
console.log('Description is required');
return;
}

api.post('/api/admin/submit-bug-report', { description })
.then(() => {
console.log('Bug report submitted successfully');
$('#bug-report-description').val('');
fetchBugLogs();
})
.catch((err) => {
console.error('Error submitting bug report:', err);
console.log('Error submitting bug report');
});
const description = $('#bug-report-description').val().trim();

if (!description) {
console.log('Description is required');
return;
}

api.post('/api/admin/submit-bug-report', { description })
.then(() => {
console.log('Bug report submitted successfully');
$('#bug-report-description').val('');
fetchBugLogs();
})
.catch((err) => {
console.error('Error submitting bug report:', err);
console.log('Error submitting bug report');
});
}

// Initialize the module
BugLogs.init();

// Test cases
function runTests() {
// Test fetchBugLogs
api.get('/api/admin/get-bug-log').then((data) => {
console.assert(data.bugLogs.length === 2, 'fetchBugLogs test failed');
console.log('fetchBugLogs test passed');
});

// Test submitBugReport
$('#bug-report-description').val('Test bug report');
$('#submit-bug-report').click();
setTimeout(() => {
console.log('submitBugReport test passed');
}, 1000);
// Test fetchBugLogs
api.get('/api/admin/get-bug-log').then((data) => {
console.assert(data.bugLogs.length === 2, 'fetchBugLogs test failed');
console.log('fetchBugLogs test passed');
});

// Test submitBugReport
$('#bug-report-description').val('Test bug report');
$('#submit-bug-report').click();
setTimeout(() => {
console.log('submitBugReport test passed');
}, 1000);
}

// Run tests
runTests();
runTests();

0 comments on commit 0d40bdc

Please sign in to comment.