at.mpmn-digital.com
Neue Rezepte

Target testet ein neues Treueprogramm

Target testet ein neues Treueprogramm



We are searching data for your request:

Forums and discussions:
Manuals and reference books:
Data from registers:
Wait the end of the search in all databases.
Upon completion, a link will appear to access the found materials.


Keine Rote Karte? Kein Problem. Schon bald können Sie Rabatte freischalten – und Bargeld zurückerhalten.

Jedes Produkt, das wir anbieten, wurde von unserem Redaktionsteam unabhängig ausgewählt und überprüft. Wenn Sie über die enthaltenen Links einen Kauf tätigen, erhalten wir möglicherweise Provisionen.

Fans von Target wissen, dass der beste Weg, um Ersparnisse einzulösen, darin besteht, eine Redcard, die Markenkreditkarte des Einzelhändlers, zu besitzen. Käufer können es für kostenlosen Versand nutzen und 5 Prozent bei jedem Einkauf sparen.

Aber Target testet jetzt ein Treueprogramm, das jedem einzelnen Kunden Bargeld zurückgibt – keine Kreditkarte erforderlich. Und haben wir das erwähnt? Ernst Rabatte?

Bleiben Sie auf dem Laufenden, was jetzt gesund bedeutet.

Melden Sie sich für unseren täglichen Newsletter an, um weitere tolle Artikel und leckere, gesunde Rezepte zu erhalten.

Das Programm trägt den Namen "Target Red", und Kunden in der Gegend von Dallas-Fort Worth sind die ersten Käufer, die sich anmelden. Kunden, die sich für das kostenlose Programm angemeldet haben, können für jeden von ihnen getätigten Einkauf bei Target 1 Prozent zurückerhalten, und diese Einsparungen können laut dem Unternehmensblog von Target bei zukünftigen Einkäufen eingelöst werden.

Getty: Bloomberg / Mitwirkender

Und das ist nicht alles. Eingefleischte Target-Fans werden sich freuen zu hören, dass das neue Treueprogramm die Liefergebühr von 5 US-Dollar für jede Restock-Bestellung eliminieren wird.

Und am wichtigsten ist, dass alle Kunden, die sich für das kostenlose Target Red-Programm anmelden, einen Rabatt von 50 Prozent auf den jährlichen Mitgliedsbeitrag von Shipt in Höhe von 99 USD erhalten.

Foto mit freundlicher Genehmigung von Target.

Die Anmeldung scheint ein Kinderspiel zu sein, aber Target hat nicht klargestellt, wann (und leider ob) Target Red für Kunden außerhalb der Region Dallas-Fort Worth eingeführt werden soll.

Redcard von Target hatte bis zum massiven Datenschutzverstoß im Jahr 2013 ein Wachstum erlebt – aber ein Sprecher sagte, der Einzelhändler hoffe, dass dies mehr Käufer dazu verleiten werde, sich für eine Kreditkarte zu registrieren Minneapolis Star Tribune berichtet.

Käufer können das Cartwheel-Programm von Target verwenden, um Rabatte und Angebote zu finden, bis Target Red für all jene Käufer Realität wird, die einem Ausflug zum Bullseye einfach nicht widerstehen können.


Was steckt hinter dem Erfolg der Wachstumsverjüngung von Target?

Ziel (NYSE:TGT) erkennt das herausfordernde Einzelhandelsumfeld und die Wahlmöglichkeiten, die dem Kunden zur Verfügung stehen. Um Käufer zu gewinnen und zu binden, muss es einen außergewöhnlichen Service mit immer mehr Komfort bieten. Vorbei sind die Zeiten, in denen es sich auszahlt, die Milch in die hinterste Ecke des Ladens zu stellen, um dem Verbraucher mehr Artikel in der Hoffnung auf Impulskäufe zu präsentieren. Die Aktie ist um 87,2 % auf 124,38 US-Dollar in der Nähe ihres Allzeithochs von 126 US-Dollar gestiegen und liegt damit deutlich über dem S&P 500 Wachstum von 24,4%

Target widersetzt sich dem Abwärtstrend im Einzelhandel und meldet Wachstum bei Umsatz, Gewinn und Besucherfrequenz. In den Ergebnisergebnissen des dritten Quartals verzeichnete das Unternehmen ein vergleichbares Umsatzwachstum von 4,5 %, ein Wachstum des Gewinns pro Aktie von 18,2 % und eine Verkehrssteigerung von 3,1 %. Das Umsatzwachstum von 4,5% in diesem Quartal zeigt einen beständigen und stetigen Fortschritt, verglichen mit einem Wachstum von 5,1% im Vorjahr. Es ist einer der wenigen Einzelhändler, zusammen mit Walmart (NYSE:WMT) , kämpft erfolgreich gegen die Amazonas Effekt und die Retail-Apokalypse.


Was ist Beta-Test?

Betatests sind eine Art von Benutzerakzeptanztests, bei denen das Produktteam einer Gruppe von Zielbenutzern ein fast fertiges Produkt zur Verfügung stellt, um die Produktleistung in der realen Welt zu bewerten.

Es gibt keinen Standard dafür, wie ein Betatest aussehen sollte und wie man einen Betatest einrichtet. Das eigentliche Testverfahren sollte für Ihre Testziele relevant sein. Es gibt jedoch einige Anforderungen, die ein Produkt erfüllen muss, um für den Betatest bereit zu sein:

  • Das Produkt sollte sich im Status „Feature Complete“ befinden (es sollte über alle Features verfügen, die für die Release-Version geplant sind).
  • Das Produkt sollte stabil sein (Testteilnehmer sollten keine unvorhersehbaren Abstürze erleiden).
  • Die Testteilnehmer sollten zur Zielgruppe des Produkts gehören.
  • Testteilnehmer sollten während der Interaktion mit einer App reale Szenarien durchführen, und zwar in der realen Umgebung (nicht in Laborumgebungen).

Chipotle testet ein Belohnungsprogramm&mdashAber Sie müssen viel Chipotle essen, um kostenlose Lebensmittel zu bekommen

Früher gaben Ihnen Restaurants eine Lochkarte, an der Sie sich festhalten konnten, um nach so vielen Einkäufen kostenloses Essen einzulösen. Heutzutage gibt es dafür, wie für so vieles andere, eine App. Und diese Woche kündigte Chipotle an, dass er sich dem Spiel mit einem Chipotle-Treueprogramm anschließt, das derzeit in drei Märkten getestet wird.

Chipotle-Kunden in Phoenix, AZ Kansas City (beide in Kansas und Missouri) und Columbus, Ohio, experimentieren als erste mit dem Treueprogramm und können sich online oder über die vorhandene Chipotle-App anmelden. Nach der Anmeldung erhalten Sie 10 Punkte für jeden 1 US-Dollar, den Sie bei der Tex-Mex-Kette ausgegeben haben, ausgenommen Geschenkkarten, Alkohol, Steuern oder Gebühren. Sobald Sie 1.250 Punkte erreicht haben, können Sie diese für jeden freien Teilnehmer einlösen.


Das neue Treueprogramm von Target wird erweitert (Ist Ihre Stadt auf der Liste?)

Wenn es so aussieht, als ob fast jeder Einzelhändler eine Art “perks-Programm” hat, liegen Sie nicht falsch. Target schließt sich der Gruppe mit ihrem neuen Treueprogramm an. Lesen Sie weiter, um zu sehen, ob Ihre Stadt auf der Liste steht, denn wenn dies der Fall ist, erwarten Sie zahlreiche Vorteile!

Wussten Sie, dass der große Red Bullseye-Händler ein Vergünstigungsprogramm hat? Und nein, wir meinen nicht die Cartwheel-Funktion in der App des Händlers oder die fünf Prozent Rabatt auf REDcard-Käufe. Im vergangenen Jahr hat das Unternehmen Target Circle in der Gegend von Dallas-Fort Worth eingeführt. Nach ernsthaften Erfolgen bei texanischen Kunden weitet der Einzelhändler das Vergünstigungsprogramm ab dem 19. Februar auf Charlotte, Denver, Indianapolis, Kansas City und Phoenix aus.

Welche Vorteile bringt es also mit sich, ein Target Circle-Mitglied zu sein? Zu Beginn erhalten die Kunden pro Einkaufstour ein Prozent zurück, um sie zu einem späteren Zeitpunkt nutzen zu können. Oh, und Sie müssen Ihre REDcard nicht verwenden, um den Prozentsatz zurückzuerhalten. Neben diesem Vorteil sparen Kunden auch 50 Prozent gegenüber einer Shipt-Mitgliedschaft im ersten Jahr und eine kostenlose Lieferung am nächsten Tag mit Restock.

Laut Rick Gomez, Executive Vice President, Chief Marketing Officer und Chief Digital Officer von Target, in einer Pressemitteilung “A Target Run ist viel mehr als nur das Abhaken von Artikeln von Ihrer Liste – es geht um Entdeckung, Inspiration und ein mühelos fröhliches Einkaufserlebnis . Und wir wollen diese Erfahrung machen noch lohnender mit Target Circle, bietet Gästen mehr Vorteile und lockt neue Käufer an.”


Target testet ein neues Treueprogramm

Dieser Beitrag enthält Verweise auf Produkte von einem oder mehreren unserer Werbetreibenden. Wir erhalten möglicherweise eine Entschädigung, wenn Sie auf Links zu diesen Produkten klicken. Für die auf dieser Seite aufgeführten Angebote gelten die Bedingungen. Eine Erläuterung unserer Werberichtlinien finden Sie auf dieser Seite.

Target testet ein neues Treueprogramm, Target Red, das Kunden Cashback und Rabatte bei der Lieferung bieten würde.

Als Teil des Programms erhalten Target Red-Mitglieder 1 % Cashback auf Einkäufe, die sie bei ihrem nächsten Besuch einlösen können, eine kostenlose Lieferung am nächsten Tag mit Target Restock und die Hälfte einer Shipt-Mitgliedschaft für Lebensmittellieferungen. Derzeit wird das Programm nur im Raum Dallas-Fort Worth getestet und ist ein völlig anderes Programm als Target REDcard, das Kunden eine Target-Debit- oder -Kreditkarte anbietet.

Target REDcard-Mitglieder können sich für Target Red anmelden, aber sie können den 5% REDcard-Rabatt nicht mit dem 1% Cashback des Treueprogramms kombinieren.

Dennoch würden Target Red-Mitglieder bei jeder Target Restock-Bestellung 4,99 US-Dollar Versandkosten sparen. Restock ist eine der Online-Shopping-Plattformen von Einzelhändlern, die es Kunden ermöglicht, eine Kiste mit dem täglichen Bedarf für den Haushalt zu füllen und zu einem Pauschalpreis zu versenden.

Mitglieder des neuen Programms würden außerdem etwa 50 US-Dollar pro Jahr bei einer Mitgliedschaft bei Shipt sparen, die Target im Dezember 2017 für 550 Millionen US-Dollar erworben hat. Shipt liefert Lebensmittel aus mehreren verschiedenen Geschäften (einschließlich Target). Der Service kostet normalerweise 99 US-Dollar pro Jahr und Target Red-Mitglieder erhalten 50 % Rabatt auf die Abonnementgebühr.

Der Testlauf des neuen Programms kommt zu einer Zeit, in der viele Einzelhändler versuchen, mit dem Online-Lebensmittelservice von Amazon und der zweitägigen Versandrichtlinie von Prime zu konkurrieren, und da stationäre Geschäfte versuchen, die Anzahl der Kunden zu erhöhen, die durch die Tür.

Dies ist der erste Versuch von Target bei einem Treueprogramm. Im Jahr 2016 testete die Einzelhandelskette ihr Cartwheel Perks-Programm, bei dem die Käufe der Kunden in Punkte umgewandelt wurden, die für andere spezifische Artikel eingelöst werden konnten. Das Programm wurde als zu kompliziert angesehen und Target verwarf es.

Als zusätzlichen Vorteil können Mitglieder des Treueprogramms auch abstimmen, welche lokalen Organisationen von Target Spenden für wohltätige Zwecke erhalten.


Ziel ist die Einführung eines neuen Treueprogramms mit personalisierten Angeboten

SPRINGFIELD, VA – AUGUST 14: Kunden verlassen Target 14. August 2003 in Springfield, Virginia. Target Corp. meldete im zweiten Quartal eine Gewinnsteigerung von vier Prozent. (Foto von Alex Wong/Getty Images)

MINNEAPOLIS – Das überarbeitete Treueprogramm von Target ist bereit für sein landesweites Debüt.

Target Circle wird Käufern in den USA ab dem 6. Oktober zur Verfügung stehen. Zu den Programmvorteilen gehören das Verdienen von 1 % auf Target-Käufe, personalisierte Angebote und der frühzeitige Zugang zu seinen Verkäufen. Die Einführung folgt einem 18-monatigen Test in sechs Städten mit 2 Millionen Mitgliedern.

Die Erweiterung des Treueprogramms ergänzt die Markenkreditkarte von Target, Redcard, die nur ein Viertel der Kunden verwendet. Es ersetzt auch Cartwheel, ein separates Rabattprogramm, um ein “mehr nahtloses, intuitives Einkaufserlebnis zu bieten”

Das Programm ist kostenlos. Target beginnt automatisch mit der Registrierung von Mitgliedern, die über Target.com- und Redcard-Konten verfügen. Um es zu verwenden, können Kunden einen Barcode aus der Target-App ziehen oder an der Kasse ihre Telefonnummer angeben.

Das Unternehmen hat Anfang des Jahres mitgeteilt, dass Target Circle dem Unternehmen auch mehr Daten über Einkaufsgewohnheiten liefert. Wenn Target beispielsweise weiß, dass ein Käufer häufig Windeln und Babyprodukte kauft, könnte es dem Kunden ein Angebot für Windeln per E-Mail senden.

“Dies wird Target helfen, ein vollständigeres Bild der Käufer zu gewinnen,”, sagte Neil Saunders, Managing Director bei GlobalData Retail, zuvor gegenüber CNN Business. “Es gibt den Kunden einen kleinen Anreiz, zu Target zu gehen.”

Target ist der neueste Einzelhändler, der sein Treueprogramm überarbeitet, weil Einzelhändler erkannt haben, dass sie neue Vergünstigungen benötigen, um sie zu ermutigen, wiederzukommen.

Macy’s, Starbucks, H&M, Kohl’s, Lululemon und J Crew haben im vergangenen Jahr entweder neue Treueprogramme eingeführt oder ihre bestehenden Programme erheblich verändert.

Schlagen Sie eine Korrektur vor

Copyright 2021 Nexstar Media Inc. Alle Rechte vorbehalten. Dieses Material darf nicht veröffentlicht, gesendet, umgeschrieben oder weiterverbreitet werden.

Marke und Urheberrecht 2021 Cable News Network, Inc., ein Unternehmen von Time Warner. Alle Rechte vorbehalten.


Wie kann ich mich für das Target&aposs-Prämienprogramm anmelden?

Wenn Sie in einer der sechs oben aufgeführten Städte leben, besuchen Sie einfach Target.com/circle oder verwenden Sie Ihre mobile Target-App, um sich kostenlos anzumelden. Sie können Prämien verdienen, indem Sie online oder im Geschäft mit der mobilen Target&aposs-App Cartwheel einkaufen, wo Sie Ihre Prämienkarte digital scannen.

„Wir sind bestrebt, dieses Erlebnis mit Target Circle noch lohnender zu machen, Gästen mehr Vorteile zu bieten und neue Käufer zu gewinnen“, sagte Rick Gomez, Executive Vice President und Chief Marketing and Digital Officer bei Target, in einer Erklärung. „Wir bauen engere Beziehungen zu unseren Gästen auf und bieten die bisher individuellste Art, Target einzukaufen, während wir alle ermutigen, sich immer wieder für Target zu entscheiden.“

Wenn Sie derzeit eine Target Redcard besitzen, können Sie auch in Zukunft Target Circle beitreten - leider haben Sie jedoch gewonnen und können zusätzlich zu den bereits bestehenden 5 Prozent Prämie die zusätzlichen 1 Prozent zurückerhalten.


Target setzt mit der Circle-Strategie auf Loyalität und Kundenbindung

Die neueste Treueprogrammstrategie des Einzelhändlers kann viele Herzen und Köpfe gewinnen, sagen Branchenbeobachter, da sie einen überzeugenden Engagementaspekt sowie eine neue Belohnungsmöglichkeit bietet.

Foto von istock.com

Target führt ein Treueprogramm, Target Circle, pünktlich zur Weihnachtszeit ein, das am 6. Oktober vorgestellt wird. Das Programm erfordert keine Mitgliedschaft und bietet Kunden die Möglichkeit, auf jeder Target-Reise sowie frühzeitig 1% Prämien zu verdienen Zugang zu Sonderangeboten und sogar einem Geburtstagsgeschenk im Laufe des Jahres.

Um die Kunden mit der Marke in Kontakt zu bringen, lädt der in Minneapolis ansässige Einzelhändler Circle-Karteninhaber ein, über gemeinnützige Organisationen abzustimmen, die Target unterstützen wird. Target Circle ist eine Ergänzung zu Targets Kredit- und Debit-RedCard, die 5% Rabatt auf Einkäufe bietet.

Die bisherige Resonanz von Branchenbeobachtern scheint positiv zu sein – insbesondere die Möglichkeit für Kunden, bei den philanthropischen Entscheidungen einer Marke mitzureden.

„Einerseits wurde der Gemeinschaftsnutzen ‚Stimmen‘ von anderen geleistet, aber nur im Rahmen von Aktionszeiträumen. Es ist neu und anders, die Abstimmung darüber zu machen, wo Target ihre Gelder spendet, Teil der laufenden Programmstruktur", sagte Kate Hogenson, Senior Loyalty Consultant bei Kobie, in einer E-Mail gegenüber Retail Customer Experience.

Hogenson bezeichnet die Loyalitätsbewegung von Target als "riesig", da sie typischerweise zu den Top-Unternehmensspendern gehört.

„Andere spenden mehr Geld, aber Target ist in der Vergangenheit in Bezug auf den Prozentsatz der gespendeten Gewinne zu den Spitzenreitern Forschungen, dass sie 2017 immer noch Anerkennung dafür erhielten. Es gab jedoch Leute, die bemerkten, dass es weg war, und Target wurde dafür kritisiert“, sagte sie.

Laut Tom Caporaso, CEO von Clarus Commerce, einem Loyalty-Experten, wird das Circle-Programm dem Einzelhändler ein ausgewogenes Verhältnis zwischen Transaktions- und Erfahrungsvorteilen bieten. Dadurch, erklärte er, wird es wahrscheinlicher, dass treue Käufer täglich oder wöchentlich mit dem Programm in Kontakt treten.

„Es bietet die Punkte, Rabatte und Cashback, die Verbraucher dazu verleiten, sich zunächst für das Programm anzumelden, aber die erfahrungsbezogenen Vorteile wie die Möglichkeit, eine gemeinnützige Organisation auszuwählen, an die Target spenden kann, werden diese emotionale Loyalität langfristig fördern“, sagte er Einzelhandelskundenerlebnis in einer E-Mail.

Die Verbraucher von heute möchten sich besonders und geschätzt fühlen, sagte Caporaso und fügte hinzu, dass die Untersuchungen seines Unternehmens zeigen, dass Kunden leicht von konkurrierenden Angeboten und Angeboten beeinflusst werden können. Diese Daten zeigten, dass 70 % der Käufer zugeben, dass ihre Loyalität zu einer Marke schwieriger denn je zu halten ist, und daher kommt das Target-Programm zu einem günstigen Zeitpunkt.

"Während Tausende von Käufern bereits große Befürworter der Marke Target sind, bieten personalisierte Vergünstigungen wie Geburtstagsrabatte und die Möglichkeit, Community-Feedback zu geben, ein Maß an Exklusivität für Wiederholungskäufer, die das Erlebnis für sich selbst und ihre Mitkäufer verbessern möchten um eine stärkere Kommunikation mit ihren Kunden aufzubauen, können sie Target Circle mehr begeistern als frühere Treueprogramme, die gekommen und gegangen sind", sagte er.

Es ist auch in anderer Hinsicht ein günstiger Zeitpunkt für Target, da es dem Einzelhändler nicht gelungen ist, in der 23.

Untersucht wurden 921 Marken in 110 Kategorien. Die diesjährige Liste wird von Amazon angeführt, Nummer eins im Online-Einzelhandel, wobei Apple, Trader Joe's und Nike alle in den Top 20 auftauchen. Einer der größten Loyalitätssprünge in diesem Jahr war Old Navy, so der Bericht. Target ist nicht einmal in den Top 40 der Liste zu finden.

Loyalität, so der Bericht, ist ein prädiktiver Indikator für den Markenerfolg und je loyaler und engagierter der Verbraucher, desto besser das Verhalten beim Kauf, Wiederkauf und Markenempfehlung.

Das Circle-Programm von Target könnte im anhaltenden Kampf gegen Amazon helfen, so der Consumer Expectations Report 2019 von Avionos, in dem die Verbraucherpräferenzen bewertet wurden.

Die Daten zeigten, dass 78 % der Verbraucher am ehesten bei Einzelhändlern kaufen, die das Erlebnis besser personalisieren, und 63 % sind offen für die Weitergabe personenbezogener Daten, wenn Einzelhändler den Bedarf besser vorhersehen können.

Am interessantesten für Target ist jedoch dieser Datenpunkt, dass Online-Käufer spezielle Treueaktionen/Angebote als Hauptgrund (25 %) für den Kauf bei anderen Marken und Einzelhändlern über Amazon nennen.

Judy Mottl

Judy Mottl ist Redakteurin von Retail Customer Experience und Food Truck Operator. Sie verfügt über jahrzehntelange Erfahrung als Reporterin, Autorin und Redakteurin für Technologie und Wirtschaft für Top-Medien wie AOL, InformationWeek und InternetNews.

BLEIBEN SIE AKTUELL MIT NEUIGKEITEN UND TRENDS DER ERFAHRUNG VON EINZELHANDELSKUNDEN

Melden Sie sich jetzt an für die Kundenerfahrung im Einzelhandel Newsletter und erhalten Sie die Top-Storys direkt in Ihren Posteingang.


Das neue Treueprogramm von Target startet im Oktober landesweit

(CNN) -- Das überarbeitete Treueprogramm von Target ist bereit für sein landesweites Debüt.

Target Circle wird Käufern in den USA ab dem 6. Oktober zur Verfügung stehen. Zu den Programmvorteilen gehören das Verdienen von 1 % auf Target-Käufe, personalisierte Angebote und der frühzeitige Zugang zu seinen Verkäufen. Die Einführung folgt einem 18-monatigen Test in sechs Städten mit 2 Millionen Mitgliedern.

Die Erweiterung des Treueprogramms ergänzt die Markenkreditkarte von Target, Redcard, die nur ein Viertel der Kunden nutzt. Es ersetzt auch Cartwheel, ein separates Rabattprogramm, um ein "nahtloseres, intuitiveres Einkaufserlebnis" zu bieten.

Das Programm ist kostenlos. Target beginnt automatisch mit der Registrierung von Mitgliedern, die über Target.com- und Redcard-Konten verfügen. Um es zu verwenden, können Kunden einen Barcode aus der Target-App ziehen oder an der Kasse ihre Telefonnummer angeben.

Das Unternehmen hat Anfang des Jahres mitgeteilt, dass Target Circle dem Unternehmen auch mehr Daten über Einkaufsgewohnheiten liefert. Wenn Target beispielsweise weiß, dass ein Käufer häufig Windeln und Babyprodukte kauft, könnte es dem Kunden ein Angebot für Windeln per E-Mail senden.

„Dies wird Target helfen, ein vollständigeres Bild der Käufer zu erstellen“, sagte Neil Saunders, Managing Director bei GlobalData Retail, zuvor gegenüber CNN Business. "Es gibt den Kunden einen kleinen Anreiz, zu Target zu gehen."

Target ist der neueste Einzelhändler, der sein Treueprogramm überarbeitet, weil Einzelhändler erkannt haben, dass sie neue Vergünstigungen benötigen, um sie zu ermutigen, wiederzukommen.

Macy's, Starbucks, H&M, Kohl's, Lululemon und J Crew haben im vergangenen Jahr entweder neue Treueprogramme eingeführt oder ihre bestehenden Programme deutlich verändert.

-- Nathaniel Meyersohn von CNN Business hat zu diesem Bericht beigetragen.

Der-CNN-Wire
™ & © 2019 Cable News Network, Inc., ein Unternehmen von Time Warner. Alle Rechte vorbehalten.


Rezepte testen

Notiz:

Auf dieser Seite wird davon ausgegangen, dass Sie Jest als Testläufer verwenden. Wenn Sie einen anderen Test-Runner verwenden, müssen Sie möglicherweise die API anpassen, aber die Gesamtform der Lösung wird wahrscheinlich dieselbe sein. Weitere Informationen zum Einrichten einer Testumgebung finden Sie auf der Seite Testumgebungen.

Auf dieser Seite werden wir hauptsächlich Funktionskomponenten verwenden. Diese Teststrategien hängen jedoch nicht von Implementierungsdetails ab und funktionieren auch für Klassenkomponenten.

Für jeden Test möchten wir normalerweise unseren React-Baum in ein DOM-Element rendern, das an document angehängt ist. Dies ist wichtig, damit es DOM-Ereignisse empfangen kann. Wenn der Test beendet ist, wollen wir den Baum „aufräumen“ und aus dem Dokument aushängen.

Eine übliche Methode besteht darin, ein Paar beforeEach- und afterEach-Blöcke zu verwenden, damit sie immer ausgeführt werden und die Auswirkungen eines Tests auf sich selbst isolieren:

Sie können ein anderes Muster verwenden, aber denken Sie daran, dass wir die Bereinigung ausführen möchten auch wenn ein Test fehlschlägt. Andernfalls können Tests „undicht“ werden und ein Test kann das Verhalten eines anderen Tests ändern. Das macht sie schwer zu debuggen.

Beim Schreiben von UI-Tests können Aufgaben wie Rendering, Benutzerereignisse oder das Abrufen von Daten als „Einheiten“ der Interaktion mit einer Benutzeroberfläche betrachtet werden. React-dom/test-utils stellt einen Helfer namens act() bereit, der sicherstellt, dass alle Updates im Zusammenhang mit diesen „Einheiten“ verarbeitet und auf das DOM angewendet wurden, bevor Sie irgendwelche Zusicherungen machen:

Dies trägt dazu bei, dass Ihre Tests näher an dem ablaufen, was echte Benutzer bei der Verwendung Ihrer Anwendung erleben würden. Der Rest dieser Beispiele verwendet act(), um diese Garantien zu machen.

Möglicherweise finden Sie die direkte Verwendung von act() etwas zu ausführlich. Um einige der Boilerplates zu vermeiden, könnten Sie eine Bibliothek wie die React Testing Library verwenden, deren Helfer mit act() umschlossen sind.

Im Allgemeinen möchten Sie möglicherweise testen, ob eine Komponente für bestimmte Requisiten korrekt gerendert wird. Betrachten Sie eine einfache Komponente, die eine Nachricht basierend auf einer Requisite rendert:

Wir können einen Test für diese Komponente schreiben:

Anstatt in all Ihren Tests echte APIs aufzurufen, können Sie Anfragen mit Dummy-Daten simulieren. Das Verspotten des Datenabrufs mit „gefälschten“ Daten verhindert flockige Tests aufgrund eines nicht verfügbaren Backends und beschleunigt die Ausführung. Hinweis: Möglicherweise möchten Sie dennoch eine Teilmenge von Tests mit einem „End-to-End“-Framework ausführen, das angibt, ob die gesamte App zusammenarbeitet.

Wir können Tests dafür schreiben:

Einige Module funktionieren möglicherweise nicht gut in einer Testumgebung oder sind für den Test selbst nicht so wichtig. Das Verspotten dieser Module mit Dummy-Ersetzungen kann das Schreiben von Tests für Ihren eigenen Code erleichtern.

Stellen Sie sich eine Kontaktkomponente vor, die eine GoogleMap-Komponente eines Drittanbieters einbettet:

Wenn wir diese Komponente nicht in unsere Tests laden möchten, können wir die Abhängigkeit selbst zu einer Dummy-Komponente ausspielen und unsere Tests ausführen:

Wir empfehlen, echte DOM-Ereignisse für DOM-Elemente zu versenden und dann das Ergebnis zu bestätigen. Betrachten Sie eine Toggle-Komponente:

Wir könnten Tests dafür schreiben:

Verschiedene DOM-Ereignisse und ihre Eigenschaften werden in MDN beschrieben. Beachten Sie, dass Sie < bubbles: true >in jedem Ereignis, das Sie erstellen, übergeben müssen, damit es den React-Listener erreicht, da React Ereignisse automatisch an den Stamm delegiert.

Notiz:

Die React Testing Library bietet einen prägnanteren Helfer für das Auslösen von Ereignissen.

Ihr Code verwendet möglicherweise zeitgeberbasierte Funktionen wie setTimeout, um in Zukunft mehr Arbeit zu planen. In diesem Beispiel wartet ein Multiple-Choice-Bedienfeld auf eine Auswahl und geht weiter, wobei das Zeitlimit überschritten wird, wenn innerhalb von 5 Sekunden keine Auswahl getroffen wird:

Wir können Tests für diese Komponente schreiben, indem wir die Timer-Mocks von Jest nutzen und die verschiedenen Zustände testen, in denen sie sich befinden kann.

Sie können nur in einigen Tests gefälschte Timer verwenden. Oben haben wir sie aktiviert, indem wir jest.useFakeTimers() aufgerufen haben. Der Hauptvorteil, den sie bieten, besteht darin, dass Ihr Test nicht wirklich fünf Sekunden auf die Ausführung warten muss und Sie den Komponentencode auch nicht nur zum Testen komplizierter machen mussten.

In Frameworks wie Jest können Sie mit toMatchSnapshot / toMatchInlineSnapshot auch „Schnappschüsse“ von Daten speichern. Mit diesen können wir die gerenderte Komponentenausgabe „speichern“ und sicherstellen, dass eine Änderung daran explizit als Änderung am Snapshot festgeschrieben werden muss.

In diesem Beispiel rendern wir eine Komponente und formatieren den gerenderten HTML-Code mit dem hübschen Paket, bevor wir ihn als Inline-Snapshot speichern:

In der Regel ist es besser, spezifischere Aussagen zu treffen, als Snapshots zu verwenden. Diese Arten von Tests enthalten Implementierungsdetails, damit sie leicht kaputt gehen und Teams gegenüber Snapshot-Fehlern desensibilisiert werden können. Das selektive Verspotten einiger untergeordneter Komponenten kann dazu beitragen, die Größe von Snapshots zu reduzieren und sie für die Codeüberprüfung lesbar zu halten.

In seltenen Fällen führen Sie möglicherweise einen Test für eine Komponente durch, die mehrere Renderer verwendet. Sie können beispielsweise Snapshot-Tests für eine Komponente mit React-Test-Renderer ausführen, die intern ReactDOM.render in einer untergeordneten Komponente verwendet, um einige Inhalte zu rendern. In diesem Szenario können Sie Aktualisierungen mit act() s umschließen, die ihren Renderern entsprechen.

Wenn ein allgemeines Szenario nicht abgedeckt ist, teilen Sie uns dies bitte auf der Problemverfolgung für die Dokumentationswebsite mit.