Blancer.com Tutorials and projects
Freelance Projects, Design and Programming Tutorials
Category Added in a WPeMatico Campaign
I want to read specific tag from xml body but there is a tag and there is an error:
TypeError: Cannot read properties of undefined (reading 'hip')
I tried something like this but it doesn’t work.
var jsonObject = xml2Json(responseBody);
console.log(jsonObject.response.result.$["hip-report"]);
I’m encountering an issue when attempting to open the rear camera in the maximum resolution with a 9:16 or any aspect ratio using HTML/JS. Despite setting the constraints, nothing appears on the preview. However, I can successfully grab an image from the stream. How is it possible that the preview remains black, and how can I detect this? Below is the HTML/JS code (tested on Chrome):
Javascript:
const video = document.querySelector('#video');
const constraints = {
video: {
height: { ideal: 2160 },
width: { ideal: 4096 },
facingMode: 'environment',
aspectRatio: 9 / 16,
},
};
navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
video.srcObject = stream;
}).catch((err) => {
alert(err);
});
HTML:
<video style="width: 90%" id="video" autoplay playsinline></video>
I made a react native application with expo and I want to make a textfield that i can use. For this I wanted to use a useState of React, because this is the best way I read. Now I get the error:
Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a Symbol.iterator method.
import React, {useState} from 'react';
import {StyleSheet, Text, TextInput, View } from 'react-native';
import {Link} from 'expo-router';
export default function AddPartyPage() {
// TODO fix state methods
const [title, onChangeTitle] = useState<String>('Useless Text');
const [description, onChangeDescription] = useState<String>('Useless Text');
const [location, onChangeLocation] = useState<String>('Useless Text');
return (
<View>
<Link href={{
pathname: "/",
}}>Back</Link>
<View style={styles.textField}>
<Text style={styles.text}>Name: </Text>
<TextInput style={styles.input} onChangeText={(text) => onChangeTitle(text)} value={title}></TextInput>
</View>
<View style={styles.textField}>
<Text style={styles.text}>Description: </Text>
<TextInput style={styles.input} onChangeText={(text) => onChangeDescription(text)} value={description}></TextInput>
</View>
<View style={styles.textField}>
<Text style={styles.text}>Location: </Text>
<TextInput style={styles.input} onChangeText={(text) => onChangeLocation(text)} value={location}></TextInput>
</View>
</View>
)
}
const styles = StyleSheet.create({
textField: {
flexDirection: 'row',
},
text: {
height: 40,
width: 100
},
input: {
height: 40,
margin: 5,
borderWidth: 1,
padding: 10,
},
});
In a .NET MVC project, using the Code Mirror library in JavaScript, I encountered the following issue:
.NET Framework version – 4.5
Code Mirror version – 5.63.1
1.Reopening the editor reveals previous data persisting without clearing.
2.Clicking on the editor removes previously entered data.
3.Below is the code snippet for clearing CodeMirror instances:
Implementation of code mirror:
I’m seeking assistance in resolving this issue.
Create a Book class:
Define a Book class to store information about a book (Title, Author, Publication Year, …).
Use private attributes and getter and setter methods.
Create a Library class:
Build a Library class to manage a list of books.
Use an ArrayList to store the list of Book objects.
Write methods to add new books, remove books, and display the list of books.
Inheritance:
Create an EBook class that inherits from the Book class, adding new attributes like file format and file size.
Extend the Library class to support managing both print books and e-books.
Polymorphism:
Write a toString method in both the Book and EBook classes to display the book information in a standardized format.
Call the toString method from the Library class to display the entire list of books.
Event Handling:
Use an Interface to create an event handling interface for borrowing and returning books.
Create a BorrowEvent and a ReturnEvent class to represent the borrowing and returning events.
Add methods to handle the events in the Library class.
LocalDate Object:
Use the LocalDate object to store information about the borrowing and returning dates for each book.
Store Data to File:
Use file reading and writing to store the list of books and borrowing/returning information.
Write methods to read and write the list of books and events to and from a file.
Application Menu:
Build a program menu that allows users to perform functions such as adding books, borrowing books, returning books, and displaying the list.
Suggestions:
Use a virtual database or file to store the library’s data.
Add error handling to ensure consistency and safety of the program.
Test the program with diverse sample data to ensure proper functioning and efficiency
tôi đang học ngôn ngữu lập trình và muốn sự trợ giúp của mọi người
I have google sign in React component as below. This user login is working fine. And then I load home page and home page has user image in the header section.
import { useState, useEffect } from "react";
import { GoogleAuthProvider, signInWithPopup } from "firebase/auth";
import "firebase/auth";
import { useNavigate } from "react-router-dom";
import { auth } from "../firebase";
const provider = new GoogleAuthProvider();
const SignIn = () => {
const [user, setUser] = useState(null);
console.log(user);
const navigate = useNavigate();
// Get initial theme from local storage (if available)
useEffect(() => {
const isDark = localStorage.getItem("theme") === "dark";
if (isDark) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
}, []);
const handleGoogleSignIn = async () => {
try {
const result = await signInWithPopup(auth, provider);
const credential = GoogleAuthProvider.credentialFromResult(result);
console.log(credential);
const user = result.user;
setUser(user);
navigate("/");
} catch (error) {
console.error("Error signing in with Google:", error);
}
};
return (
<div className="flex flex-col items-center justify-center h-screen dark:bg-neutral-800">
<button
type="button"
className="text-white bg-[#4285F4] hover:bg-[#4285F4]/90 focus:ring-4 focus:outline-none focus:ring-[#4285F4]/50 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:focus:ring-[#4285F4]/55 me-2 mb-2"
onClick={handleGoogleSignIn}
>
<svg
className="w-4 h-4 me-2"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 18 19"
>
<path
fillRule="evenodd"
d="M8.842 18.083a8.8 8.8 0 0 1-8.65-8.948 8.841 8.841 0 0 1 8.8-8.652h.153a8.464 8.464 0 0 1 5.7 2.257l-2.193 2.038A5.27 5.27 0 0 0 9.09 3.4a5.882 5.882 0 0 0-.2 11.76h.124a5.091 5.091 0 0 0 5.248-4.057L14.3 11H9V8h8.34c.066.543.095 1.09.088 1.636-.086 5.053-3.463 8.449-8.4 8.449l-.186-.002Z"
clipRule="evenodd"
/>
</svg>
Sign in with Google
</button>
</div>
);
};
export default SignIn;
Then I have another component to get the signed in user.
import React, { useEffect, useState } from "react";
import { onAuthStateChanged } from "firebase/auth";
import QuizCard from "./components/quiz-card";
import HomeLoading from "./components/home-loading";
import QuizHomeLayout from "./components/quiz-home-layout";
import { auth } from "../firebase";
const QuizHome = () => {
const [homeData, setHomeData] = useState(null);
const [loading, setLoading] = useState(true);
const [user, setUser] = useState(null);
async function fetchQuizData() {
try {
const serverHomeData = await fetch(
`https://storage.googleapis.com/kobello.appspot.com/home.json`
).then((res) => res.json());
setHomeData(serverHomeData);
setLoading(false);
} catch (error) {
console.error(error);
}
}
useEffect(() => {
fetchQuizData();
}, []);
useEffect(() => {
onAuthStateChanged(auth, (user) => {
if (user) {
setUser(user);
console.log(user);
} else {
console.log("No user is signed in.");
}
});
}, []);
if (loading) {
return <HomeLoading />;
}
return (
<React.Fragment>
<QuizHomeLayout user={user}>
{homeData &&
homeData.map((data, key) => <QuizCard key={key} data={data} />)}
</QuizHomeLayout>
</React.Fragment>
);
};
export default QuizHome;
This component works fine just after the sign in and if I refresh the web page onAuthStateChanged return no user. How to get the logged in user anytime inside any component ?
I’m working on an interactive colouring page. The user is presented with an SVG image, and when they select a colour from the swatch, they can click on a section of the image to change its fill colour.
So far, I have that part, the image exports, and a custom colour picker down:
https://codepen.io/candidee/pen/abxvPKV?editors=1100
The problem is: I want to give users some kind of indicator of the current colour. I’m thinking some kind of little circle that follows the mouse. When the user clicks on the a swatch colour, the circle’s fill/background colour should match the current value of _currentFill.
I tried querying GPT with not much luck. Here’s what was suggested:
<div id="sidebar">
<!-- Colour swatches -->
<svg id="swatches" width="60px" height="200px" viewBox="-4 -4 60 200" style="stroke: #000;stroke-width: 2; stroke-opacity: 0.1">
<!-- Rainbow gradient -->
<defs>
<linearGradient id="rainbowGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="red"/>
<stop offset="20%" stop-color="orange"/>
<stop offset="40%" stop-color="yellow"/>
<stop offset="60%" stop-color="green"/>
<stop offset="80%" stop-color="blue"/>
<stop offset="100%" stop-color="violet"/>
</linearGradient>
</defs>
<!-- Rect for rainbow gradient -->
<rect id="colorPickerSwatch" x="0" y="100" width="20" height="20" fill="url(#rainbowGradient)" style="stroke:#000;stroke-width:2"/>
<!-- Indicator circle -->
<circle id="colorIndicator" cx="0" cy="0" r="5" fill="transparent" stroke="#000" stroke-width="2"/>
</svg>
</div>
// Function to handle color picker selection
function handleColorPickerSelection(event) {
// Check if a color picker input element already exists
if (!document.getElementById('colorPickerInput')) {
// Create a color picker input element
var input = document.createElement('input');
input.type = 'color';
input.id = 'colorPickerInput'; // Assign an id to the input element
// Add event listener for color change
input.addEventListener('change', function() {
// Set the current fill to the selected color
var selectedColor = input.value;
_currentFill = 'fill:' + selectedColor;
// Remove the input element from the body
document.body.removeChild(input);
});
// Append the input element to the body
document.body.appendChild(input);
// Trigger click event on color picker input
input.click();
}
}
// Add event listener to the custom swatch for color picker
document.getElementById('colorPickerSwatch').addEventListener('click', handleColorPickerSelection);
// Function to update the position of the color indicator circle
function updateColorIndicator(event) {
var indicator = document.getElementById('colorIndicator');
// Update the position of the indicator circle based on the mouse cursor
indicator.setAttribute('cx', event.clientX - 8); // Adjust for SVG viewBox and circle size
indicator.setAttribute('cy', event.clientY - 8); // Adjust for SVG viewBox and circle size
}
// Add event listener to update the color indicator position when the mouse moves
document.addEventListener('mousemove', updateColorIndicator);
The circle follows, but the colour doesn’t change or update.
Consider the following code snippets:
// Using var
var val = 20;
console.log(window.val); // Outputs: 20
// Using let
let val = 20;
console.log(window.val); // Outputs: undefined
In both cases, val is declared in the global scope, yet accessing window.val returns undefined when using let, while it correctly returns 20 when using var.
Consider the following code snippets:
// Using var
var val = 20;
console.log(window.val); // Outputs: 20
// Using let
let val = 20;
console.log(window.val); // Outputs: undefined
In both cases, val is declared in the global scope, yet accessing window.val returns undefined when using let, while it correctly returns 20 when using var.
How var and let differ in their interaction with the global object (window in a browser environment).
why is that when I assign or put the sortParams and sortDirs inside ngOnit the sort arrow is showing and working but when I put or assign it inside getUserData() it does not work ? it it because of the async ? thanks.
the issue is the mat sort header arrow is not showing then I assign the sorting inside getUserData but it works when I do it in ngOnit . But i need to assign in getUserData .
this.requestsListTable.sortParams = ['requestTitle']
this.requestsListTable.sortDirs = ['asc'];
#ts code
ngOnInit(): void {
this.currAcct = JSON.parse(this._storageService.getCurrAcct());
this.isProjectTeamData = this.currAcct.isProjectTeamData;
this.isRequestIntakeReadOnly = this.currAcct.isRequestIntakeReadOnly;
this.isRequestIntakeSubmitter = this.currAcct.isRequestIntakeSubmitter;
this.requestsListTable.dataSource = new MatMultiSortTableDataSource(this.sort, this.CLIENT_SIDE);
// this.sort = new MatMultiSort();
this.requestsListTable.nextObservable.subscribe(() => { this.initRequestsList(); });
this.requestsListTable.sortObservable.subscribe(() => { this.initRequestsList(); });
this.requestsListTable.previousObservable.subscribe(() => { this.initRequestsList(); });
this.requestsListTable.sizeObservable.subscribe(() => { this.initRequestsList(); });
this.getProjectIntakeDepartments();
this.getRequestsCount();
this.checkPageAccess();
this.getUserData();
this.requestsListTable.sortParams = ['requestTitle']
this.requestsListTable.sortDirs = ['asc'];
}
ngAfterViewInit(): void {
fromEvent<any>(this.searchInput.nativeElement, 'keyup')
.pipe(
map((event) => event.target.value),
startWith(''),
debounceTime(500),
distinctUntilChanged(),
switchMap(async (search) => {
// this.setDefaultFilters();
this.requestsListTable.pageIndex = 0;
this.initRequestsList();
})
)
.subscribe({ complete: noop });
}
initRequestsList() {
const currAcct = JSON.parse(this._storageService.getCurrAcct());
const sortKey = (this.requestsListTable.sortParams.length > 0) ? this.requestsListTable.sortParams : ['requestTitle'];
const sortOrder = (this.requestsListTable.sortDirs.length > 0) ? this.requestsListTable.sortDirs : ['asc'];
const isMyRequests = (this.selectedOption === '1') ? currAcct.userId : null;
this.isLoading = true;
console.log('sortKey', sortKey)
console.log('sortOrder', sortOrder)
this._projectIntakeService
.getRequestsList(
currAcct.accountId,
isMyRequests,
sortKey,
sortOrder,
this.searchInput.nativeElement.value || '',
this.requestsListTable.pageIndex + 1,
this.requestsListTable.pageSize,
this.selectedDepartmentIds,
this.selectedStatusIds
)
.pipe(finalize(() => (this.isLoading = false)))
.subscribe({
error: (err) => this._notificationService.showError(err),
next: (res) => {
this.firstItemPosition = res.firstItemOnPage;
this.lastItemPosition = res.lastItemOnPage;
this.dataSource = res.items;
this.requestsListTable.data = res.items;
this.lastItemOnPage = res.lastItemOnPage;
this.totalItemCount = res.totalItemCount;
},
complete: _.noop,
});
}
getUserData() {
this._userService.getUserProfile(this.currAcct.userId, this.currAcct.accountId)
.subscribe(
res => {
if (res.isSuccess) {
const filteredAccounts = this.filterAccountsByName(res.data.userAccountDto, this.currAcct.accountName);
this.projectIntakeSettings = JSON.parse(filteredAccounts[0].projectIntakeSettings);
//request type
this.selectedOption = (this.projectIntakeSettings.UserId) ? '1' : '2';
//page
this.requestsListTable.pageIndex = (this.projectIntakeSettings.Page) ? this.projectIntakeSettings.Page - 1 : 0
this.requestsListTable.pageSize = (this.projectIntakeSettings.PageSize) ? this.projectIntakeSettings.PageSize : 10;
// Check if sortKey and sortOrder are provided in projectIntakeSettings
const sortKey = this.projectIntakeSettings.SortKey ? JSON.parse(this.projectIntakeSettings.SortKey) : ['requestTitle'];
const sortOrder = this.projectIntakeSettings.SortOrder ? JSON.parse(this.projectIntakeSettings.SortOrder) : ['asc'];
// Assign sortParams and sortDirs
this.requestsListTable.sortParams = sortKey;
this.requestsListTable.sortDirs = sortOrder;
}
},
err => {
AppUtils.errorHandler(err, this._notificationService, null);
}
)
}
#html code
<div class="table-center mat-elevation-z8">
<table
mat-table
[dataSource]="requestsListTable.dataSource"
matMultiSort
[@animateStagger]="{value:'50'}"
(matSortChange)="requestsListTable.onSortEvent()"
(contentChanged)="isLoading = false">
<ng-container matColumnDef="requestTitle" sticky>
<th mat-multi-sort-header="requestTitle" mat-header-cell *matHeaderCellDef>Request Title</th>
<td mat-cell *matCellDef="let element">
<div class="checkbox-container td-value-name">
<mat-checkbox matTooltip="{{ isNotAllowedBulk(element) ? 'Unable to batch approve' : '' }}"
[checked]="isSelected(element)" [disabled]="isNotAllowedBulk(element)" class="no-navigation"
color="primary" (change)="onChangeSelect(element, $event, 'request')"></mat-checkbox>
<div style="width:180px;" [matTooltip]="element.requestTitle" class="td-value-name request-title">{{
element.requestTitle?.length > 45 ? element.requestTitle.slice(0,45) + '...' : element.requestTitle }}</div>
</div>
</td>
</ng-container>
<ng-container matColumnDef="requestorName">
<th mat-multi-sort-header="requestorName" mat-header-cell *matHeaderCellDef>Requestor Name</th>
<td mat-cell *matCellDef="let element">
<div class="td-value-name">
{{element.requestorName}}
</div>
</td>
</ng-container>
I have a iframe tag in my document and in this iframe a button i want to change this button background color cgange
<script type="text/javascript">
function changeButtonCSS() {
var iframe = document.getElementById('hs-form-iframe-0');
var buttonInsideIframe = iframe.contentDocument.getElementsByClassName('hs-button');
console.log(buttonInsideIframe[0]);
buttonInsideIframe[0].style.background = "#005B9D";
buttonInsideIframe[0].style.borderColor = "#005B9D";
buttonInsideIframe[0].style.padding = "16px 40px";
buttonInsideIframe[0].style.fontSize = "16px";
}
const myTimeout = setTimeout(changeButtonCSS, 2000);
function checked(e) {
e.target.classList.add('checked');
}
function close(e) {
console.log("span licked");
}
const list = items.map(item => {
return <li key={item.id} onClick={checked} aria-hidden="true">{item.text} <span className='closeIcon' onClick={close}>×</span></li>
})
This is the small part of my project, please avoid the functionality of the event handler it is yet to define properly. list(li) is the parent of span element and both are getting handled by onclick event handler. when i am clicking on list element(li) then according to event bubbling concept the event handler of child element(span) should execute first then parent element. But here in my case the child element(span) event handler is not even getting executed, only the list element handler is getting executed why?
I have this code below to intercept http request:
await page.route('**', route => {
console.log("ROUTES>>>>>>>>>>>>> ");
const request = route.request()
console.log(request.url(), JSON.stringify(request.headers()));
return route.continue();
});
But seems like upon running it is not going inside that page.route because the console does not print the console.log that I put.
Does anyone has any idea on how to make that work? Thank you
I have a chart I created with Chart.js. In this chart, I have four points and these points are connected and a quadrilateral is obtained and the inside is colored green. But in this way, the y-axis points are painted higher even though they are lower, and the right place remains unpainted even though the points are lower. How can this unpainted area be painted?
var ctx = document.getElementById('workingLimitGraph').getContext('2d');
var minFluidOutletTemp = @Model.SerieLimits.Cooling_MinFluidOutletTemp;
var maxFluidOutletTemp = @Model.SerieLimits.Cooling_MaxFluidOutletTemp;
var minAmbientTemp = @Model.SerieLimits.Cooling_MinAmbientTemp;
var maxAmbientTemp = @Model.SerieLimits.Cooling_MaxAmbientTemp;
//added/subtracted values to expand chart axis values
var xAxisMin = minFluidOutletTemp - 5;
var xAxisMax = maxFluidOutletTemp + 5;
var yAxisMin = minAmbientTemp - 10;
var yAxisMax = maxAmbientTemp + 10;
var myChart = new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: '',
data: [
{ x: minFluidOutletTemp, y: minAmbientTemp },
{ x: minFluidOutletTemp, y: maxAmbientTemp },
{ x: maxFluidOutletTemp, y: maxAmbientTemp },
{ x: maxFluidOutletTemp, y: minAmbientTemp }
],
fill: true,
backgroundColor: 'rgba(0, 128, 0, 0.3)',
borderColor: 'rgba(0, 128, 0, 0.3)',
borderWidth: 1,
pointRadius: 5,
pointBackgroundColor: 'rgba(0, 128, 0, 0.3)',
pointBorderColor: 'rgba(0, 128, 0, 0.3)',
showLine: true
}]
},
options: {
maintainAspectRatio: false,
scales: {
x: {
title: {
display: true,
text: 'Water Outlet Temperature (°C)'
},
ticks: {
stepSize: 1,
padding: 20,
},
grid: {
display: false
},
min: xAxisMin,
max: xAxisMax,
stepSize: 1,
},
y: {
title: {
display: true,
text: 'Ambient Air Temperature (°C)'
},
ticks: {
stepSize: 10,
padding: 20,
},
min: yAxisMin,
max: yAxisMax,
stepSize: 10,
}
}
}
});
// X ekseninin etiketlerini oluşturma
var xAxisLabels = [];
for (var i = minFluidOutletTemp - 3; i <= maxFluidOutletTemp + 3; i += 1) {
xAxisLabels.push(i);
}
myChart.data.labels = xAxisLabels;
// Y ekseninin etiketlerini oluşturma
var yAxisLabels = [];
for (var i = yAxisMin; i <= yAxisMax; i += 10) {
yAxisLabels.push(i);
}
myChart.options.scales.y.ticks.callback = function (value, index, values) {
return value;
};So, I have this Nest.js API app that use SWC and Vitest. Here are the minimized files of Users module.
// users.service.ts
...
@Injectable()
@UseInterceptors(ClassSerializerInterceptor)
export class UsersService {
constructor(
@InjectRepository(UserEntity)
private readonly userRepository: EntityRepository<UserEntity>,
private readonly em: EntityManager,
) {}
@EnsureRequestContext()
async create(createUserDto: CreateUserDto): Promise<UserEntity> {
const user = this.userRepository.create(createUserDto);
await this.em.flush();
return new UserEntity(user);
}
...
}
// users.controller.ts
...
@Controller("users")
export class UsersController {
constructor(private readonly usersService: UsersService) {}
@Post()
@ApiCreatedResponse({ type: UserEntity })
async create(@Body() createUserDto: CreateUserDto): Promise<UserEntity> {
return this.usersService.create(createUserDto);
}
...
}
// users.module.ts
...
@Module({
controllers: [UsersController],
exports: [UsersService],
imports: [MikroOrmModule.forFeature([UserEntity])],
providers: [UsersService],
})
export class UsersModule {}
// users.e2e-spec.ts
...
describe("Users", () => {
let app: NestFastifyApplication;
let orm: MikroORM;
let payload: UserEntity[];
let userRepository: EntityRepository<UserEntity>;
let usersService: Partial<UsersService> = {
findAll: vi.fn().mockResolvedValue(payload),
};
beforeAll(async () => {
const module: TestingModule = await Test.createTestingModule({
imports: [UsersModule],
providers: [
{
provide: EntityManager,
useFactory: vi.fn(() => ({
flush: vi.fn().mockImplementation(() => {
return Promise.resolve();
}),
})),
},
{
provide: getRepositoryToken(UserEntity),
useValue: userRepository,
},
],
})
.overrideProvider(UsersService)
.useValue(usersService)
.compile();
app = module.createNestApplication<NestFastifyApplication>(
new FastifyAdapter(),
);
await app.init();
await app.getHttpAdapter().getInstance().ready();
orm = app.get(MikroORM);
payload = new UserFactory(orm.em.fork()).make(2);
});
it("/GET users", async () => {
return app
.inject({
method: "GET",
url: "/users",
})
.then((result) => {
expect(result.statusCode).toEqual(200);
expect(result.payload).toEqual(payload);
});
});
afterAll(async () => {
await app.close();
});
});
And I got the error below when I run npm run test:e2e -- src/users/users.e2e-spec.ts:
> test:e2e
> vitest run --config ./vitest.config.e2e.ts src/users/users.e2e-spec.ts
The CJS build of Vite's Node API is deprecated. See https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
RUN v1.3.1 /home/me/apps/api
❯ src/users/users.e2e-spec.ts (1)
❯ Users (1)
⠹ [ beforeAll ]
· /GET users
⠹ [ afterAll ]
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
FAIL src/users/users.e2e-spec.ts > Users
Error: Nest can't resolve dependencies of the UserEntityRepository (?). Please make sure that the argument EntityManager at index [0] is available in the MikroOrmModule context.
Potential solutions:
- Is MikroOrmModule a valid NestJS module?
- If EntityManager is a provider, is it part of the current MikroOrmModule?
- If EntityManager is exported from a separate @Module, is that module imported within MikroOrmModule?
@Module({
imports: [ /* the Module containing EntityManager */ ]
})
❯ TestingInjector.lookupComponentInParentModules ../../node_modules/@nestjs/core/injector/injector.js:254:19
❯ TestingInjector.resolveComponentInstance ../../node_modules/@nestjs/core/injector/injector.js:207:33
❯ TestingInjector.resolveComponentInstance ../../node_modules/@nestjs/testing/testing-injector.js:19:45
❯ resolveParam ../../node_modules/@nestjs/core/injector/injector.js:128:38
❯ TestingInjector.resolveConstructorParams ../../node_modules/@nestjs/core/injector/injector.js:143:27
❯ TestingInjector.loadInstance ../../node_modules/@nestjs/core/injector/injector.js:70:13
❯ TestingInjector.loadProvider ../../node_modules/@nestjs/core/injector/injector.js:97:9
❯ ../../node_modules/@nestjs/core/injector/instance-loader.js:56:13
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
Serialized Error: { context: { index: +0, dependencies: [ 'Function<EntityManager>' ], name: 'Function<EntityManager>' }, metadata: { id: 'ea6b9d4dc383116f0dad6' }, moduleRef: { id: 'd1869bbd6934953ea6b9d' }, what: 'Function<what>' }
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/2]⎯
FAIL src/users/users.e2e-spec.ts > Users
TypeError: Cannot read properties of undefined (reading 'close')
❯ src/users/users.e2e-spec.ts:79:15
77|
78| afterAll(async () => {
79| await app.close();
| ^
80| });
81| });
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/2]⎯
Test Files 1 failed (1)
Tests (1)
Start at 11:41:22
Duration 2.39s (transform 285ms, setup 0ms, collect 1.32s, tests 18ms, environment 0ms, prepare 313ms)
npm ERR! Lifecycle script `test:e2e` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: api
npm ERR! at location: /home/me/apps/api
"@mikro-orm/core": "^6.1.6",
"@mikro-orm/nestjs": "^5.2.3",
"@nestjs/core": "^10.0.0",
"@nestjs/platform-fastify": "^10.3.3",
"vitest": "^1.3.1"
When I tried commenting out imports: [UsersModule], error message changed: Error: Nest could not find PostgreSqlMikroORM element (this provider does not exist in the current context).
function LengthValidation(context){
var CardLen = Xrm.Page.getAttribute("msemr_subscriberid").getValue();
If(CardLen.length < 11) {
Xrm.Utility.alertDialog("The length of characters entered are less than the minimum requirement of 10 numbers");
context.getEventArgs().preventDefault(); // cancel save
}
}
Validating a length of a text enetred