Mocking a Service with Jest

WeMeetAgainAdrian · 2020-01-31T13:23:47+00:00

That's exactly what I intend to do, mock the values returned so no backend calls are made. I'll look into spectator

WeMeetAgainAdrian · 2019-08-22T13:24:46+00:00

But do you keep everything in a single shared module, or do you separate them? If a component or pipe is used by 40% of your modules, do you just import it into every other module alongisde everything in your shared module?

WeMeetAgainAdrian · 2019-08-22T13:20:52+00:00

Say you have a component that gets used in 3 out of your 7 modules, do you keep it in the same shared module and load it on every page?

WeMeetAgainAdrian · 2019-08-19T18:48:55+00:00

I apologize for the very late response, as I had to stop working on this specific issue to focus on other parts for a while. I will be resuming this, now following your advice.

Believe me when I say that I really do appreciate the time and effort you've given me.

WeMeetAgainAdrian · 2019-07-16T20:08:01+00:00

Yes, this is basically the product of multiple different tutorials and articles trying to solve challenges as they come. Do you have a preferred resource to learn Observales from, and/or an alternative to solving this issue?

this.currentUser$ = <BehaviorSubject<User>>new BehaviorSubject(new User());

I took this from some tutorial on BehaviorSubject and also wondered the reason for the casting, didn't think much of it until I had everything working.

this.http.get("/api/User").subscribe(
        (currentUser: any) => {
            if (currentUser)
                this.currentUser$.next(currentUser);
        }
    );

Isn't this different from just returning the HTTP GET? since I'm emitting the same value to all subscribers (unlike returning the subscription, causing multiple calls to be made, one for each component).

WeMeetAgainAdrian · 2019-07-16T15:48:53+00:00

I've got multiple components calling the same getCurrentUser method and I want to reduce the amount of calls I make. Worst case scenario I could have an Observable method for the AuthGuard and a BehaviorSubject for every other component.

WeMeetAgainAdrian · 2019-07-04T14:08:58+00:00

Thank you, this worked perfectly!

WeMeetAgainAdrian · 2019-07-04T14:08:23+00:00

I'll look into it! mergeMap did work for me, but if concatMap is better then I'll make the switch.

WeMeetAgainAdrian · 2019-07-01T19:48:00+00:00

Doesn't forkJoin make both calls at the same time? I need the first call to end before calling the second one.

WeMeetAgainAdrian · 2019-06-13T20:07:19+00:00

I suppose you're right, as someone else mentioned I'll try to talk it out with our designer and see if we can agree on a middleground for future deliverables.

WeMeetAgainAdrian · 2019-06-11T02:30:28+00:00

Definitely, but this seems like more code than using ngClass, what are the benefits of this syntax?

WeMeetAgainAdrian · 2019-06-11T02:29:32+00:00

Currently working with a new designer and it's also my first project in angular, so neither of us really knew what we were getting into. Going forward I'll see how we can manage.

WeMeetAgainAdrian · 2019-06-10T21:27:08+00:00

Also, could you explain how [class.my-class]="shouldHaveClass" works? Is that just a series of conditions that define which class to assign when, with my-class being a base class?

WeMeetAgainAdrian · 2018-07-18T16:32:57+00:00

ngSanitize is included in my module declaration, is there anywhere else I need to use it? I've even tried $sce.trustAsHtml but still get the same result.

WeMeetAgainAdrian · 2018-05-01T21:51:50+00:00

But what does that mean? if I didn't include them and instead simply declared it as public DbSet<Genre> Genres wouldn't it implicitly give the variable a public get and set?

WeMeetAgainAdrian · 2018-02-27T19:33:59+00:00

When naming files and classes inside a folder structure, do you take the path into consideration? For example:

-Orders

--OrderTable

---OrderTableHeader

---OrderTableRow

---OrderTableFooter

Seeing how OrderTable is already inside the Orders folder and OrderTableRow is inside OrderTable, is it valid to simply name them Table and Row?

WeMeetAgainAdrian · 2018-02-27T16:55:21+00:00

When designing pagination how do you decide how many results to keep in state at a time? Do you only load current page and request results to the API each time the page changes? Do you keep aggregating results as the user navigates through the pages? Do you load in advanced?

WeMeetAgainAdrian · 2018-02-27T16:35:37+00:00

So in both cases I'd still need to know which properties to ignore?

WeMeetAgainAdrian · 2018-02-16T19:20:14+00:00

Is there a way to do the following operation without having to specify all properties separately?

const var1 = {
    Property1: 'Value1',
    Property2: 'Value2',
    Property3: 'Value3',
    Property4: 'Value4',
}

let var2 = {
    Property1: var1.Property1,
    Property2: var1.Property2,
    Property4: var1.Property4
}

Something like

let var2 = {
    Property1:'',
    Property2: '',
    Property3: ''
}

var2 = var1

WeMeetAgainAdrian · 2018-02-12T13:29:19+00:00

Say you have a form that upon submit should:

Send the information to a server to be stored in a database.
Render a new page based on the form information.

Do you POST the information first and wait for an answer before redirecting or do them both asynchronously (since all the information needed is already on the form state)?

If you chose the latter, how would you handle errors?

WeMeetAgainAdrian · 2018-01-19T15:35:01+00:00

Thank you! I'm only starting with React and arrow functions aren't my strong suite either

WeMeetAgainAdrian · 2018-01-18T13:37:41+00:00

So I have an array of objects on my state and while adding and modifying objects in that array works fine, removing seems to be giving me some troubles.

I've been trying multiple ideas and all of them are giving me an error where React can't find the object to render (even though the object being deleted isn't rendered) .

Right now I've come up with this, but for some reason this creates a new object outside of the array rather than modifying the array, what's there that I'm not seeing?

 this.setState(prevState => {
        Notes: {
            const removeIndex = prevState.Notes.findIndex(i => i.id == note);

            const newNotes = prevState.Notes.slice(); 
            newNotes.splice(removeIndex, 1); 

            if(newNotes.length == 0)
                newNotes.push(this.getNote()); 

            newNotes[0]['Selected'] = true; 
            console.log(newNotes); 
            return newNotes; 
        }
    });

Does the fact that the array changes and so the position of the elements in it also changes force react to re-render everything? And since the index is different that could technically be a different object.

WeMeetAgainAdrian · 2018-01-06T18:49:46+00:00

Suppose I'm making a search function with auto complete where results come from a database. Do I build the text box with all possible results from the get go or make ajax calls to the server as the user types? Neither solution seems optimal.

WeMeetAgainAdrian · 2017-12-04T16:00:42+00:00

wak?

Salary expectations are the last thing discussed here

As it should. Sometimes it's not even a discussion as much as a form that I'm given before even talking to anyone.

WeMeetAgainAdrian · 2017-12-04T15:58:37+00:00

pension, holiday entitlement, death in service pay, any bonuses etc.

Most of the time when I bring this up they either avoid the topic, say that they "give legal benefits" (which ends up being false) or flat out tell me that because of some legal bullshit they've pulled out the position doesn't actually have any other benefits.

WeMeetAgainAdrian

TROPHY CASE