TicTacMan Comments - Answer Overflow

TicTacMan

Posts Comments

SSolidJS

•Created by TicTacMan on 10/27/2023 in #support

Testing conditional rendering in child component

No worries, do you know if there is some kind of playground environment where I can try to mimic this setup for you?

8 replies

SSolidJS

•Created by TicTacMan on 10/27/2023 in #support

Testing conditional rendering in child component

Replaced the expect with this:

expect(await screen.findByText(/"TOAST SHOWING"/i)).toBeInTheDocument();

expect(await screen.findByText(/"TOAST SHOWING"/i)).toBeInTheDocument();

Still fails...

8 replies

SSolidJS

•Created by TicTacMan on 10/27/2023 in #support

Testing conditional rendering in child component

8 replies

SSolidJS

•Created by TicTacMan on 10/27/2023 in #support

Testing conditional rendering in child component

This is my test:

    it("if saving is not successful, the user should be notified", async () => {
        mocks.fireApiCall.mockImplementation(
            (
                division: string,
                dataEndpoint: string,
                action: BcAction,
                entityId?: string,
                getProperties?: string[],
                body?: Record<string, any>
            ) => {
                console.log("dataendpoint: " + dataEndpoint);

                if (dataEndpoint === "/dummy/api") {
                    console.log("throwing error now");
                    throw new Error("Error!");
                }
                console.log("Not throwing error");
                return data;
            }
        );

        const { container, unmount } = await renderComponent({});

        const saveButton = screen.getByRole("button", {
            name: /save/i,
        });

        // User event
        await userEvent.click(saveButton);

        // Assert
        expect(screen.queryByText("not showing toast")).not.toBeInTheDocument();
    });

    it("if saving is not successful, the user should be notified", async () => {
        mocks.fireApiCall.mockImplementation(
            (
                division: string,
                dataEndpoint: string,
                action: BcAction,
                entityId?: string,
                getProperties?: string[],
                body?: Record<string, any>
            ) => {
                console.log("dataendpoint: " + dataEndpoint);

                if (dataEndpoint === "/dummy/api") {
                    console.log("throwing error now");
                    throw new Error("Error!");
                }
                console.log("Not throwing error");
                return data;
            }
        );

        const { container, unmount } = await renderComponent({});

        const saveButton = screen.getByRole("button", {
            name: /save/i,
        });

        // User event
        await userEvent.click(saveButton);

        // Assert
        expect(screen.queryByText("not showing toast")).not.toBeInTheDocument();
    });

8 replies

SSolidJS

•Created by TicTacMan on 9/6/2023 in #support

Detect which dependency changed when using "on" utility with createEffect

Extra question, is there any better way for me to track only particular properties of a store? I feel like what im doing here:

 triggerFields.forEach((_trigger) => dataStore[_trigger]);

 triggerFields.forEach((_trigger) => dataStore[_trigger]);

Might not be the best way to do it

3 replies

SSolidJS

•Created by TicTacMan on 9/5/2023 in #support