to the paper.
7 | * The high bit of all characters is stripped and only visible characters are
8 | * added to the output. The following characters receive special treatment:
9 | *
10 | * * `EOT` (ASCII 4): deletes last character
11 | * * `HT` (ASCII 9): replaced with 8 spaces
12 | * * `LF` (ASCII 10): silently removed
13 | * * `CR` (ASCII 13): a newline and carriage return
14 | */
15 | export default class Printer {
16 | private paper: HTMLElement;
17 | private _lineBuffer = '';
18 | private _line: HTMLElement;
19 | private _rawLen = 0;
20 | private _raw = new Uint8Array(1024);
21 |
22 | /**
23 | * Creates a new printer bound to the given element.
24 | * @param {string} el The selector of the element on which to bind the "paper".
25 | */
26 | constructor(el: string) {
27 | this.paper = document.querySelector(el)!;
28 | this.newLine();
29 | }
30 |
31 | private newLine() {
32 | this._line = document.createElement('div');
33 | this._line.classList.add('line');
34 | this._line.innerText = this._lineBuffer;
35 | this.paper.append(this._line);
36 | this._lineBuffer = '';
37 | }
38 |
39 | putChar(val: byte) {
40 | const ascii = val & 0x7f;
41 | const visible = val >= 0x20;
42 | const c = String.fromCharCode(ascii);
43 |
44 | if (c === '\r') {
45 | this.newLine();
46 | } else if (c === '\n') {
47 | // eat for now
48 | } else if (c === '\t') {
49 | // possibly not right due to tab stops
50 | this._lineBuffer += ' ';
51 | } else if (ascii === 0x04) {
52 | this._lineBuffer = this._lineBuffer.slice(0, -1);
53 | } else if (visible) {
54 | this._lineBuffer += c;
55 | }
56 | this._line.innerText = this._lineBuffer;
57 | this._raw[this._rawLen] = val;
58 | this._rawLen++;
59 | if (this._rawLen > this._raw.length) {
60 | const newRaw = new Uint8Array(this._raw.length * 2);
61 | newRaw.set(this._raw);
62 | this._raw = newRaw;
63 | }
64 | }
65 |
66 | clear() {
67 | this._lineBuffer = '';
68 | this.paper.innerHTML = '';
69 | this.newLine();
70 | this._raw = new Uint8Array(1024);
71 | this._rawLen = 0;
72 | }
73 |
74 | hasPrintout() {
75 | return this.paper.innerText.length > 0;
76 | }
77 |
78 | getRawOutput() {
79 | return this._raw.slice(0, this._rawLen);
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/js/ui/screen.ts:
--------------------------------------------------------------------------------
1 | import { VideoModes } from '../videomodes';
2 | import { BOOLEAN_OPTION, OptionHandler } from '../options';
3 |
4 | export const SCREEN_MONO = 'mono_screen';
5 | export const SCREEN_FULL_PAGE = 'full_page';
6 | export const SCREEN_SCANLINE = 'show_scanlines';
7 | export const SCREEN_GL = 'gl_canvas';
8 |
9 | declare global {
10 | interface Document {
11 | webkitCancelFullScreen: () => void;
12 | webkitIsFullScreen: boolean;
13 | }
14 | interface Element {
15 | webkitRequestFullScreen: (options?: unknown) => void;
16 | }
17 | }
18 | export class Screen implements OptionHandler {
19 | constructor(private vm: VideoModes) {}
20 |
21 | enterFullScreen = () => {
22 | const elem = document.getElementById('screen')!;
23 | if (document.fullscreenEnabled) {
24 | if (document.fullscreenElement) {
25 | void document.exitFullscreen();
26 | } else {
27 | void elem.requestFullscreen();
28 | }
29 | } else if (elem.webkitRequestFullScreen) {
30 | if (document.webkitIsFullScreen) {
31 | document.webkitCancelFullScreen();
32 | } else {
33 | elem.webkitRequestFullScreen();
34 | }
35 | }
36 | };
37 |
38 | getOptions() {
39 | return [
40 | {
41 | name: 'Screen',
42 | options: [
43 | {
44 | name: SCREEN_MONO,
45 | label: 'Mono Screen',
46 | type: BOOLEAN_OPTION,
47 | defaultVal: false,
48 | },
49 | {
50 | name: SCREEN_SCANLINE,
51 | label: 'Show Scanlines',
52 | type: BOOLEAN_OPTION,
53 | defaultVal: false,
54 | },
55 | {
56 | name: SCREEN_FULL_PAGE,
57 | label: 'Full Page',
58 | type: BOOLEAN_OPTION,
59 | defaultVal: false,
60 | },
61 | {
62 | name: SCREEN_GL,
63 | label: 'GL Renderer *',
64 | type: BOOLEAN_OPTION,
65 | defaultVal: true,
66 | },
67 | ],
68 | },
69 | ];
70 | }
71 |
72 | setOption(name: string, value: boolean) {
73 | switch (name) {
74 | case SCREEN_MONO:
75 | this.vm.mono(value);
76 | break;
77 | case SCREEN_FULL_PAGE:
78 | this.setFullPage(value);
79 | break;
80 | case SCREEN_SCANLINE:
81 | this.vm.scanlines(value);
82 | break;
83 | }
84 | }
85 |
86 | private setFullPage(on: boolean) {
87 | if (on) {
88 | document.body.classList.add('full-page');
89 | } else {
90 | document.body.classList.remove('full-page');
91 | }
92 | }
93 | }
94 |
--------------------------------------------------------------------------------
/js/ui/tape.ts:
--------------------------------------------------------------------------------
1 | import { TapeData } from '../types';
2 | import Apple2IO from '../apple2io';
3 | import { debug } from '../util';
4 |
5 | export const TAPE_TYPES = ['wav', 'aiff', 'aif', 'mp3', 'm4a'] as const;
6 |
7 | export default class Tape {
8 | constructor(private readonly io: Apple2IO) {}
9 |
10 | public doLoadLocalTape(file: File, done?: () => void) {
11 | const kHz = this.io.getKHz();
12 |
13 | // Audio Buffer Source
14 | let context: AudioContext;
15 | if (AudioContext) {
16 | context = new AudioContext();
17 | } else {
18 | window.alert('Not supported by your browser');
19 | done && done();
20 | return;
21 | }
22 |
23 | const fileReader = new FileReader();
24 | fileReader.onload = (ev: ProgressEvent) => {
25 | const target: FileReader = ev.target as FileReader;
26 | const result: ArrayBuffer = target.result as ArrayBuffer;
27 | context.decodeAudioData(result).then(
28 | (buffer) => {
29 | const buf: TapeData = [];
30 | const data = buffer.getChannelData(0);
31 | let datum = data[0];
32 | let old = datum > 0.0,
33 | current;
34 | let last = 0;
35 | let delta: number;
36 | debug(`Sample Count: ${data.length}`);
37 | debug(`Sample rate: ${buffer.sampleRate}`);
38 | for (let idx = 1; idx < data.length; idx++) {
39 | datum = data[idx];
40 | if (datum > 0.1 || datum < -0.1) {
41 | current = datum > 0.0;
42 | if (current !== old) {
43 | delta = idx - last;
44 | if (delta > 2000000) {
45 | delta = 2000000;
46 | }
47 | let ival = (delta / buffer.sampleRate) * 1000;
48 | if (ival >= 0.55 && ival < 0.75) {
49 | ival = 0.65; // Header
50 | } else if (ival >= 0.175 && ival < 0.225) {
51 | ival = 0.2; // sync 1
52 | } else if (ival >= 0.225 && ival < 0.275) {
53 | ival = 0.25; // 0 / sync 2
54 | } else if (ival >= 0.45 && ival < 0.55) {
55 | ival = 0.5; // 1
56 | } else {
57 | // debug(idx + ' ' + buf.length + ' ' + ival);
58 | }
59 | buf.push([ival * kHz, current]);
60 | old = current;
61 | last = idx;
62 | }
63 | }
64 | }
65 | this.io.setTape(buf);
66 | if (done) {
67 | done();
68 | }
69 | },
70 | (error: Error) => {
71 | window.alert(error.message);
72 | }
73 | );
74 | };
75 | fileReader.readAsArrayBuffer(file);
76 | }
77 | }
78 |
--------------------------------------------------------------------------------
/js/ui/types.ts:
--------------------------------------------------------------------------------
1 | import type { KnownKeys } from '../types';
2 |
3 | export const BUTTON = {
4 | // Buttons
5 | A: 0,
6 | B: 1,
7 | X: 2,
8 | Y: 3,
9 |
10 | // Triggers
11 | L1: 4,
12 | R1: 5,
13 |
14 | // Analog stick buttons
15 | L3: 6,
16 | R3: 7,
17 |
18 | // Special
19 | START: 8,
20 | SELECT: 9,
21 | LOGO: 10,
22 |
23 | // D pad
24 | UP: 11,
25 | DOWN: 12,
26 | LEFT: 13,
27 | RIGHT: 14,
28 | } as const;
29 |
30 | export type ButtonType = KnownKeys
;
31 |
32 | /**
33 | * A `GamepadConfiguration` maps buttons on the controller to Apple Paddle
34 | * buttons or keys on the keyboard. If the value is a number, it must be
35 | * 0 | 1 | 2 and will map to the corresponding paddle button. If the value
36 | * is a string, the _first_ character of the string is used as a key to
37 | * press on the keyboard.
38 | */
39 | export type GamepadConfiguration = {
40 | [K in ButtonType]?: 0 | 1 | 2 | string;
41 | };
42 |
--------------------------------------------------------------------------------
/js/util.ts:
--------------------------------------------------------------------------------
1 | import { byte, memory } from './types';
2 |
3 | /*eslint no-console: 0*/
4 |
5 | const hex_digits = '0123456789ABCDEF';
6 | const bin_digits = '01';
7 |
8 | /** Returns a random byte. */
9 | export function garbage(): byte {
10 | return (Math.random() * 0x100) & 0xff;
11 | }
12 |
13 | export const testables = {
14 | garbage,
15 | };
16 |
17 | /**
18 | * Returns an array or Uint8Array of `size` bytes filled as if the computer
19 | * was just powered on.
20 | */
21 | export function allocMem(size: number) {
22 | const result = new Uint8Array(size);
23 |
24 | for (let idx = 0; idx < size; idx++) {
25 | result[idx] = idx & 0x02 ? 0x00 : 0xff;
26 | }
27 | // Borrowed from AppleWin (https://github.com/AppleWin/AppleWin)
28 | for (let idx = 0; idx < size; idx += 0x200) {
29 | result[idx + 0x28] = garbage();
30 | result[idx + 0x29] = garbage();
31 | result[idx + 0x68] = garbage();
32 | result[idx + 0x69] = garbage();
33 | }
34 | return result;
35 | }
36 |
37 | /** Returns an array or Uint8Array of 256 * `pages` bytes. */
38 | export function allocMemPages(pages: number): memory {
39 | return allocMem(pages << 8);
40 | }
41 |
42 | /** Returns a new Uint8Array for the input array. */
43 | export function bytify(ary: number[]): memory {
44 | return new Uint8Array(ary);
45 | }
46 |
47 | /** Returns a new Uint8Array with the concatenated data from the inputs. */
48 | export function concat(...arys: Array) {
49 | const result = new Uint8Array(arys.reduce((l, ary) => l + ary.length, 0));
50 | let offset = 0;
51 | for (let i = 0; i < arys.length; i++) {
52 | result.set(arys[i], offset);
53 | offset += arys[i].length;
54 | }
55 | return result;
56 | }
57 |
58 | /** Writes to the console. */
59 | export function debug(...args: unknown[]): void {
60 | console.log(...args);
61 | }
62 |
63 | /**
64 | * Returns a string of hex digits (all caps).
65 | * @param v the value to encode
66 | * @param n the number of nibbles. If `n` is missing, it is guessed from the value
67 | * of `v`. If `v` < 256, it is assumed to be 2 nibbles, otherwise 4.
68 | */
69 | export function toHex(v: number, n?: number) {
70 | if (!n) {
71 | n = v < 256 ? 2 : 4;
72 | }
73 | let result = '';
74 | for (let idx = 0; idx < n; idx++) {
75 | result = hex_digits[v & 0x0f] + result;
76 | v >>= 4;
77 | }
78 | return result;
79 | }
80 |
81 | /**
82 | * Returns a string of 8 binary digits.
83 | * @param v the value to encode
84 | */
85 | export function toBinary(v: byte) {
86 | let result = '';
87 | for (let idx = 0; idx < 8; idx++) {
88 | result = bin_digits[v & 0x01] + result;
89 | v >>= 1;
90 | }
91 | return result;
92 | }
93 |
--------------------------------------------------------------------------------
/js/videomodes.ts:
--------------------------------------------------------------------------------
1 | import { MemoryPages, Restorable } from './types';
2 |
3 | export type bank = 0 | 1;
4 | export type pageNo = 1 | 2;
5 |
6 | export interface Region {
7 | top: number;
8 | bottom: number;
9 | left: number;
10 | right: number;
11 | }
12 |
13 | export interface VideoModesState {
14 | textMode: boolean;
15 | mixedMode: boolean;
16 | hiresMode: boolean;
17 | pageMode: pageNo;
18 | _80colMode: boolean;
19 | altCharMode: boolean;
20 | an3State: boolean;
21 | flag: number;
22 | }
23 |
24 | export interface VideoPage extends MemoryPages {
25 | imageData: ImageData;
26 | dirty: Region;
27 |
28 | bank0(): MemoryPages;
29 | bank1(): MemoryPages;
30 |
31 | refresh: () => void;
32 | }
33 |
34 | export interface LoresPage extends VideoPage {
35 | getText: () => string;
36 | }
37 |
38 | export interface HiresPage extends VideoPage {}
39 |
40 | export interface VideoModes extends Restorable {
41 | textMode: boolean;
42 | mixedMode: boolean;
43 | hiresMode: boolean;
44 | pageMode: pageNo;
45 | _80colMode: boolean;
46 | altCharMode: boolean;
47 | an3State: boolean;
48 | doubleHiresMode: boolean;
49 |
50 | flag: number;
51 | monoMode: boolean;
52 |
53 | context: CanvasRenderingContext2D;
54 |
55 | page(pageNo: number): void;
56 |
57 | blit(altData?: ImageData): boolean;
58 |
59 | reset(): void;
60 |
61 | setLoresPage(page: pageNo, lores: LoresPage): void;
62 | getLoresPage(page: pageNo): LoresPage;
63 | setHiresPage(page: pageNo, lores: HiresPage): void;
64 | getHiresPage(page: pageNo): HiresPage;
65 |
66 | _80col(on: boolean): void;
67 | altChar(on: boolean): void;
68 | an3(on: boolean): void;
69 | doubleHires(on: boolean): void;
70 | hires(on: boolean): void;
71 | mixed(on: boolean): void;
72 | text(on: boolean): void;
73 |
74 | is80Col(): boolean;
75 | isAltChar(): boolean;
76 | isDoubleHires(): boolean;
77 | isHires(): boolean;
78 | isMixed(): boolean;
79 | isPage2(): boolean;
80 | isText(): boolean;
81 |
82 | mono(on: boolean): void;
83 | scanlines(on: boolean): void;
84 |
85 | getText(): string;
86 | getCanvasAsBlob(): Promise;
87 |
88 | ready: Promise;
89 |
90 | getState(): VideoModesState;
91 | }
92 |
93 | export async function copyScreenToClipboard(vm: VideoModes) {
94 | const text = vm.getText();
95 | if (typeof ClipboardItem !== 'undefined') {
96 | const data: Record = {};
97 | if (!vm.textMode) {
98 | const blob = await vm.getCanvasAsBlob();
99 | data[blob.type] = blob;
100 | } else {
101 | const htmlBlob = new Blob([`${text}`], {
102 | type: 'text/html',
103 | });
104 | data[htmlBlob.type] = htmlBlob;
105 |
106 | const textBlob = new Blob([text], {
107 | type: 'text/plain',
108 | });
109 | data[textBlob.type] = textBlob;
110 | }
111 |
112 | await navigator.clipboard.write([new ClipboardItem(data)]);
113 | } else {
114 | await navigator.clipboard.writeText(text);
115 | }
116 | }
117 |
--------------------------------------------------------------------------------
/json/disks/index.js:
--------------------------------------------------------------------------------
1 | disk_index = [
2 | {
3 | filename: 'json/disks/blank_dos33.json',
4 | name: 'Blank DOS 3.3',
5 | category: 'Blank',
6 | },
7 | {
8 | filename: 'json/disks/blank_prodos.json',
9 | name: 'Blank ProDOS',
10 | category: 'Blank',
11 | },
12 | {
13 | filename: 'json/disks/dos33master.json',
14 | name: 'DOS 3.3 Master',
15 | category: 'System',
16 | },
17 | {
18 | filename: 'json/disks/prodos.json',
19 | name: 'ProDOS',
20 | category: 'System',
21 | },
22 | {
23 | filename: 'json/disks/audit.json',
24 | name: 'Apple II Audit',
25 | category: 'Utility',
26 | },
27 | ];
28 |
--------------------------------------------------------------------------------
/json/disks/index.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "filename": "json/disks/blank_dos33.json",
4 | "name": "Blank DOS 3.3",
5 | "category": "Blank"
6 | },
7 | {
8 | "filename": "json/disks/blank_prodos.json",
9 | "name": "Blank ProDOS",
10 | "category": "Blank"
11 | },
12 | {
13 | "filename": "json/disks/dos33master.json",
14 | "name": "DOS 3.3 Master",
15 | "category": "System"
16 | },
17 | {
18 | "filename": "json/disks/prodos.json",
19 | "name": "ProDOS",
20 | "category": "System"
21 | },
22 | {
23 | "filename": "json/disks/audit.json",
24 | "name": "Apple II Audit",
25 | "category": "Utility"
26 | }
27 | ]
28 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "apple2js",
3 | "version": "0.0.1",
4 | "description": "Apple II Emulator in JavaScript",
5 | "scripts": {
6 | "build": "rimraf dist/* && webpack --mode=production",
7 | "dev": "webpack serve --mode=development",
8 | "index": "bin/index > json/disks/index.js",
9 | "lint": "eslint '**/*.js' '**/*.ts' '**/*.tsx' && stylelint '**/*.scss'",
10 | "lint-fix": "eslint --fix '**/*.js' '**/*.ts' '**/*.tsx' && stylelint '**/*.scss'",
11 | "start": "webpack serve --mode=development --progress",
12 | "test": "jest"
13 | },
14 | "engines": {
15 | "node": ">= 16"
16 | },
17 | "repository": {
18 | "type": "git",
19 | "url": "git+https://github.com/whscullin/apple2js.git"
20 | },
21 | "author": "Will Scullin",
22 | "license": "MIT",
23 | "bugs": {
24 | "url": "https://github.com/whscullin/apple2js/issues"
25 | },
26 | "homepage": "https://github.com/whscullin/apple2js#readme",
27 | "devDependencies": {
28 | "@babel/core": "^7.9.0",
29 | "@babel/plugin-transform-react-jsx": "^7.17.3",
30 | "@babel/preset-env": "^7.9.0",
31 | "@babel/preset-typescript": "^7.16.7",
32 | "@testing-library/dom": "^10.4.0",
33 | "@testing-library/jest-dom": "^6.6.3",
34 | "@testing-library/preact": "^3.0.1",
35 | "@testing-library/user-event": "^13.1.3",
36 | "@types/jest": "^29.5.2",
37 | "@types/jest-image-snapshot": "^6.4.0",
38 | "@types/micromodal": "^0.3.2",
39 | "@types/node": "^18.19.39",
40 | "@types/wicg-file-system-access": "^2020.9.6",
41 | "@typescript-eslint/eslint-plugin": "^6.12.0",
42 | "@typescript-eslint/parser": "^6.12.0",
43 | "ajv": "^6.12.0",
44 | "babel-jest": "^29.5.0",
45 | "canvas": "^2.11.2",
46 | "css-loader": "^6.7.1",
47 | "eslint": "^8.17.0",
48 | "eslint-plugin-jest": "^27.6.0",
49 | "eslint-plugin-react": "^7.30.0",
50 | "eslint-plugin-react-hooks": "^4.5.0",
51 | "file-loader": "^6.0.0",
52 | "identity-obj-proxy": "^3.0.0",
53 | "jest": "^29.5.0",
54 | "jest-environment-jsdom": "^29.5.0",
55 | "jest-image-snapshot": "^6.1.0",
56 | "node-forge": "^1.3.0",
57 | "prettier": "^3.1.0",
58 | "raw-loader": "^4.0.0",
59 | "rimraf": "^5.0.9",
60 | "sass": "^1.57.1",
61 | "sass-loader": "^13.2.0",
62 | "style-loader": "^3.3.1",
63 | "stylelint": "^15.10.1",
64 | "stylelint-config-css-modules": "^4.2.0",
65 | "stylelint-config-standard": "^33.0.0",
66 | "stylelint-config-standard-scss": "^9.0.0",
67 | "stylelint-scss": "^4.6.0",
68 | "ts-jest": "^29.2.0",
69 | "ts-loader": "^9.5.1",
70 | "typescript": "^5.5.3",
71 | "webpack": "^5.92.1",
72 | "webpack-cli": "^5.1.4",
73 | "webpack-dev-server": "^5.2.1",
74 | "webpack-merge": "^6.0.1",
75 | "y18n": "^4.0.1"
76 | },
77 | "dependencies": {
78 | "@whscullin/cpu6502": "file:submodules/cpu6502",
79 | "apple2shader": "file:submodules/apple2shader",
80 | "bootstrap-icons": "^1.11.3",
81 | "classnames": "^2.3.1",
82 | "micromodal": "^0.4.2",
83 | "preact": "^10.22.1"
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/test/components/ErrorModal.spec.tsx:
--------------------------------------------------------------------------------
1 | /** @jest-environment jsdom */
2 | import { h } from 'preact';
3 | import { fireEvent, render, screen } from '@testing-library/preact';
4 | import { ErrorModal } from 'js/components/ErrorModal';
5 |
6 | describe('ErrorModal', () => {
7 | it('renders when there is an error', () => {
8 | const setError = jest.fn();
9 | render(
10 |
11 | );
12 | expect(screen.queryByRole('banner')).toBeVisible();
13 | expect(screen.queryByRole('banner')).toHaveTextContent('Error');
14 | expect(screen.queryByText('My Error')).toBeVisible();
15 | });
16 |
17 | it('renders when there is an error string', () => {
18 | const setError = jest.fn();
19 | render();
20 | expect(screen.queryByRole('banner')).toBeVisible();
21 | expect(screen.queryByRole('banner')).toHaveTextContent('Error');
22 | expect(screen.queryByText('My Error')).toBeVisible();
23 | });
24 |
25 | it('does not render when there is not an error', () => {
26 | const setError = jest.fn();
27 | const { container } = render(
28 |
29 | );
30 | expect(container).toBeEmptyDOMElement();
31 | });
32 |
33 | it('handles an invalid error', () => {
34 | jest.spyOn(console, 'error').mockImplementation();
35 | const setError = jest.fn();
36 | render();
37 | expect(screen.queryByText('Unknown Error')).toBeVisible();
38 | expect(console.error).toHaveBeenCalledWith({ foo: 'My Error' });
39 | });
40 |
41 | it('calls setError when close is clicked', () => {
42 | const setError = jest.fn();
43 | render();
44 | fireEvent.click(screen.getByTitle('Close'));
45 | expect(setError).toHaveBeenCalledWith(undefined);
46 | });
47 |
48 | it('calls setError when OK is clicked', () => {
49 | const setError = jest.fn();
50 | render();
51 | fireEvent.click(screen.getByText('OK'));
52 | expect(setError).toHaveBeenCalledWith(undefined);
53 | });
54 | });
55 |
--------------------------------------------------------------------------------
/test/components/Modal.spec.tsx:
--------------------------------------------------------------------------------
1 | /** @jest-environment jsdom */
2 | import { h } from 'preact';
3 | import { fireEvent, render, screen } from '@testing-library/preact';
4 | import { Modal, ModalContent, ModalFooter } from 'js/components/Modal';
5 |
6 | describe('Modal', () => {
7 | it('renders a title and content when open', () => {
8 | render(
9 |
10 | My Content
11 |
12 | );
13 | expect(screen.queryByRole('banner')).toBeVisible();
14 | expect(screen.queryByRole('banner')).toHaveTextContent('My Title');
15 | expect(screen.queryByText('My Content')).toBeVisible();
16 |
17 | expect(screen.queryByRole('img')).not.toBeInTheDocument();
18 | expect(screen.queryByTitle('Close')).not.toBeInTheDocument();
19 | });
20 |
21 | it('does not render a title and content when not open', () => {
22 | render(
23 |
24 | My Content
25 |
26 | );
27 | expect(screen.queryByRole('banner')).not.toBeInTheDocument();
28 | expect(screen.queryByText('My Content')).not.toBeInTheDocument();
29 | });
30 |
31 | it('renders a footer', () => {
32 | render(
33 |
34 | My Content
35 | My Footer
36 |
37 | );
38 | expect(screen.queryByRole('banner')).toHaveTextContent('My Title');
39 | expect(screen.queryByText('My Content')).toBeVisible();
40 | expect(screen.getByRole('contentinfo')).toHaveTextContent('My Footer');
41 | });
42 |
43 | it('can have a close button', () => {
44 | const onClose = jest.fn();
45 | render(
46 |
47 | My Content
48 |
49 | );
50 | const button = screen.getByTitle('Close');
51 | expect(button).toBeVisible();
52 | fireEvent.click(button);
53 | expect(onClose).toHaveBeenCalledWith(true);
54 | });
55 |
56 | it('can have an icon', () => {
57 | render(
58 |
59 | My Content
60 |
61 | );
62 | expect(screen.getByRole('img')).toBeVisible();
63 | });
64 | });
65 |
--------------------------------------------------------------------------------
/test/env/jsdom-with-backdoors.d.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Provide types for the jsdom-with-backdoors testing environment.
3 | */
4 | export {};
5 |
6 | declare global {
7 | const backdoors: {
8 | newFileList(...files: File[]): FileList;
9 | };
10 | }
11 |
--------------------------------------------------------------------------------
/test/env/jsdom-with-backdoors.js:
--------------------------------------------------------------------------------
1 | /**
2 | * This is a total and terrible hack that allows us to create otherwise
3 | * uninstantiable jsdom objects. Currently this exposes a way to create
4 | * `FileList` objects.
5 | *
6 | * This was inspired by felipochoa's implementation in GitHub issue:
7 | * https://github.com/jsdom/jsdom/issues/1272. This implementation is
8 | * "better" because it does all of the dirty work during environment
9 | * setup. It still requires typing.
10 | */
11 |
12 | import JsdomEnvironment from 'jest-environment-jsdom';
13 |
14 | export default class JsdomEnvironmentWithBackDoors extends JsdomEnvironment {
15 | async setup() {
16 | await super.setup();
17 | const jsdomUtils = require('jsdom/lib/jsdom/living/generated/utils');
18 | const jsdomFileList = require('jsdom/lib/jsdom/living/generated/FileList');
19 |
20 | this.global.backdoors = {
21 | newFileList: (...files) => {
22 | const impl = jsdomFileList.createImpl(this.global);
23 | const fileList = Object.assign([...files], {
24 | item: (i) => fileList[i],
25 | [jsdomUtils.implSymbol]: impl,
26 | });
27 | impl[jsdomUtils.wrapperSymbol] = fileList;
28 | const fileListCtor =
29 | this.global[jsdomUtils.ctorRegistrySymbol].FileList;
30 | Object.setPrototypeOf(fileList, fileListCtor.prototype);
31 | return fileList;
32 | },
33 | };
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/test/jest-setup.ts:
--------------------------------------------------------------------------------
1 | import { toMatchImageSnapshot } from 'jest-image-snapshot';
2 | import '@testing-library/jest-dom';
3 |
4 | expect.extend({ toMatchImageSnapshot });
5 |
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-hires-page-double-lores-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-hires-page-double-lores-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-hires-page-double-lores-renders-mono-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-hires-page-double-lores-renders-mono-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-hires-page-hires-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-hires-page-hires-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-hires-page-hires-renders-mono-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-hires-page-hires-renders-mono-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-double-lores-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-double-lores-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-double-lores-renders-mixed-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-double-lores-renders-mixed-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-double-lores-renders-mono-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-double-lores-renders-mono-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-lores-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-lores-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-lores-renders-mixed-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-lores-renders-mixed-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-lores-renders-mono-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-graphics-mode-lores-renders-mono-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-text-mode-40-column-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-text-mode-40-column-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-text-mode-40-column-renders-alt-chars-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-text-mode-40-column-renders-alt-chars-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-text-mode-80-column-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-text-mode-80-column-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-text-mode-80-column-renders-alt-chars-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/canvas-test-ts-canvas-lores-page-text-mode-80-column-renders-alt-chars-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-hires-page-double-lores-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-hires-page-double-lores-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-hires-page-hires-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-hires-page-hires-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-graphics-mode-double-lores-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-graphics-mode-double-lores-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-graphics-mode-double-lores-renders-mixed-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-graphics-mode-double-lores-renders-mixed-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-graphics-mode-lores-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-graphics-mode-lores-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-graphics-mode-lores-renders-mixed-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-graphics-mode-lores-renders-mixed-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-text-mode-40-column-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-text-mode-40-column-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-text-mode-40-column-renders-alt-chars-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-text-mode-40-column-renders-alt-chars-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-text-mode-80-column-renders-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-text-mode-80-column-renders-1-snap.png
--------------------------------------------------------------------------------
/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-text-mode-80-column-renders-alt-chars-1-snap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/__image_snapshots__/gl-test-ts-gl-lores-page-text-mode-80-column-renders-alt-chars-1-snap.png
--------------------------------------------------------------------------------
/test/js/__mocks__/apple2shader.js:
--------------------------------------------------------------------------------
1 | export const screenEmu = (function () {
2 | return {
3 | C: {
4 | NTSC_DETAILS: {
5 | imageSize: {
6 | width: 560,
7 | height: 192,
8 | },
9 | },
10 | },
11 | DisplayConfiguration: class {},
12 | Point: class {},
13 | ScreenView: class {
14 | initOpenGL() {
15 | return Promise.resolve();
16 | }
17 | },
18 | Size: class {},
19 | };
20 | })();
21 |
--------------------------------------------------------------------------------
/test/js/base64.test.ts:
--------------------------------------------------------------------------------
1 | /** @fileoverview Test for base64.ts. */
2 |
3 | import {
4 | base64_encode,
5 | base64_decode,
6 | base64_json_parse,
7 | base64_json_stringify,
8 | } from '../../js/base64';
9 |
10 | describe('base64', () => {
11 | let memory: Uint8Array;
12 |
13 | beforeEach(() => {
14 | memory = new Uint8Array([1, 2, 3, 4, 5, 6]);
15 | });
16 |
17 | describe('base64_encode', () => {
18 | it('encodes Uint8Arrays', () => {
19 | expect(base64_encode(memory)).toEqual('AQIDBAUG');
20 | });
21 | });
22 |
23 | describe('base64_decode', () => {
24 | it('encodes Uint8Arrays', () => {
25 | expect(base64_decode('AQIDBAUG')).toEqual(memory);
26 | });
27 | });
28 |
29 | describe('base64_json_parse', () => {
30 | it('handles structures with Uint8Arrays', () => {
31 | expect(
32 | base64_json_parse(`\
33 | {
34 | "foo": "bar",
35 | "baz": {
36 | "biff": "data:application/octet-stream;base64,AQIDBAUG"
37 | }
38 | }
39 | `)
40 | ).toEqual({
41 | foo: 'bar',
42 | baz: {
43 | biff: memory,
44 | },
45 | });
46 | });
47 | });
48 |
49 | describe('base64_json_stringify', () => {
50 | it('handles structures with Uint8Arrays', () => {
51 | expect(
52 | base64_json_stringify({
53 | foo: 'bar',
54 | baz: {
55 | biff: memory,
56 | },
57 | })
58 | ).toEqual(
59 | '{"foo":"bar","baz":{"biff":"data:application/octet-stream;base64,AQIDBAUG"}}'
60 | );
61 | });
62 | });
63 | });
64 |
--------------------------------------------------------------------------------
/test/js/cards/data/DOS 3.3 System Master.woz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whscullin/apple2js/25c08a40fb3244888406897303430392f9955ee2/test/js/cards/data/DOS 3.3 System Master.woz
--------------------------------------------------------------------------------
/test/js/cards/langcard.spec.ts:
--------------------------------------------------------------------------------
1 | import LanguageCard from '../../../js/cards/langcard';
2 | import Apple2ROM from '../../../js/roms/system/fpbasic';
3 |
4 | describe('Language Card', () => {
5 | it('is constructable', () => {
6 | const langCard = new LanguageCard(new Apple2ROM());
7 | expect(langCard).not.toBeNull();
8 | });
9 |
10 | it('requires prewrite to write to bank1', () => {
11 | const langCard = new LanguageCard(new Apple2ROM());
12 |
13 | // From https://github.com/whscullin/apple2js/issues/187
14 | // Action descriptions from Sather, Table 5.5, p. 5-24, UtAIIe:
15 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE
16 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE (write enabled)
17 | langCard.ioSwitch(0x89, 0x00); // WRTCOUNT = 0, READ DISABLE (write still enabled)
18 | langCard.ioSwitch(0x89); // WRTCOUNT = WRITCOUNT + 1, READ DISABLE (write still enabled)
19 | langCard.write(0xd0, 0x00, 0xa1);
20 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE (write still enabled)
21 | expect(langCard.read(0xd0, 0x00)).toBe(0xa1);
22 | });
23 |
24 | it('prewrite is reset on write access before write', () => {
25 | const langCard = new LanguageCard(new Apple2ROM());
26 |
27 | // Action descriptions from Sather, Table 5.5, p. 5-24, UtAIIe:
28 | langCard.ioSwitch(0x89, 0x00); // WRTCOUNT = 0, READ DISABLE
29 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE (write not enabled yet)
30 | langCard.ioSwitch(0x8b, 0x00); // WRTCOUNT = 0, READ ENABLE (write still not enabled)
31 | const oldValue = langCard.read(0xd0, 0x00);
32 | langCard.write(0xd0, 0x00, 0xa1); // writes to the void
33 | expect(langCard.read(0xd0, 0x00)).toBe(oldValue); // reads old value
34 | });
35 |
36 | it('write stays active with overzealous switching', () => {
37 | const langCard = new LanguageCard(new Apple2ROM());
38 |
39 | // Action descriptions from Sather, Table 5.5, p. 5-24, UtAIIe:
40 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE
41 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE (write enabled)
42 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE (write enabled)
43 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE (write enabled)
44 | langCard.write(0xd0, 0x00, 0xa1);
45 | langCard.ioSwitch(0x8b); // WRTCOUNT = WRTCOUNT + 1, READ ENABLE (write still enabled)
46 | expect(langCard.read(0xd0, 0x00)).toBe(0xa1);
47 | });
48 | });
49 |
--------------------------------------------------------------------------------
/test/js/formats/create_disk.spec.ts:
--------------------------------------------------------------------------------
1 | import { createDiskFromJsonDisk } from 'js/formats/create_disk';
2 | import { testDisk } from './testdata/json';
3 |
4 | describe('createDiskFromJsonDisk', () => {
5 | it('parses a JSON disk', () => {
6 | const disk = createDiskFromJsonDisk(testDisk);
7 | expect(disk).toEqual({
8 | encoding: 'nibble',
9 | format: 'dsk',
10 | metadata: {
11 | name: 'Test Disk',
12 | side: 'Front',
13 | },
14 | readOnly: undefined,
15 | volume: 254,
16 | tracks: expect.any(Array) as number[][],
17 | });
18 | });
19 | });
20 |
--------------------------------------------------------------------------------
/test/js/formats/testdata/13sector.spec.ts:
--------------------------------------------------------------------------------
1 | import { BYTES_BY_SECTOR, BYTES_BY_TRACK, BYTES_IN_ORDER } from './13sector';
2 |
3 | describe('BYTES_IN_ORDER', () => {
4 | it('has the correct bytes in track 0, sector 0, byte 0 and byte 1', () => {
5 | const disk = BYTES_IN_ORDER;
6 | expect(disk[0][0][0]).toBe(0);
7 | expect(disk[0][0][1]).toBe(1);
8 | });
9 |
10 | it('has the correct bytes in track 0, sector 0', () => {
11 | const disk = BYTES_IN_ORDER;
12 | for (let i = 0; i < 256; i++) {
13 | expect(disk[0][0][i]).toBe(i);
14 | }
15 | });
16 |
17 | it('has the correct bytes in track 1, sector 0', () => {
18 | const disk = BYTES_IN_ORDER;
19 | for (let i = 0; i < 256; i++) {
20 | expect(disk[1][0][i]).toBe(i);
21 | }
22 | });
23 |
24 | it('has the correct bytes in track 30, sector 11', () => {
25 | const disk = BYTES_IN_ORDER;
26 | for (let i = 0; i < 256; i++) {
27 | expect(disk[30][11][i]).toBe(i);
28 | }
29 | });
30 | });
31 |
32 | describe('BYTES_BY_SECTOR', () => {
33 | it('has the correct bytes in track 0, sector 0, byte 0 and byte 1', () => {
34 | const disk = BYTES_BY_SECTOR;
35 | expect(disk[0][0][0]).toBe(0);
36 | expect(disk[0][0][1]).toBe(0);
37 | });
38 |
39 | it('has the correct bytes in track 0, sector 0', () => {
40 | const disk = BYTES_BY_SECTOR;
41 | for (let i = 0; i < 256; i++) {
42 | expect(disk[0][0][i]).toBe(0);
43 | }
44 | });
45 |
46 | it('has the correct bytes in track 1, sector 0', () => {
47 | const disk = BYTES_BY_SECTOR;
48 | for (let i = 0; i < 256; i++) {
49 | expect(disk[1][0][i]).toBe(0);
50 | }
51 | });
52 |
53 | it('has the correct bytes in track 30, sector 11', () => {
54 | const disk = BYTES_BY_SECTOR;
55 | for (let i = 0; i < 256; i++) {
56 | expect(disk[30][11][i]).toBe(11);
57 | }
58 | });
59 | });
60 |
61 | describe('BYTES_BY_TRACK', () => {
62 | it('has the correct bytes in track 0, sector 0, byte 0 and byte 1', () => {
63 | const disk = BYTES_BY_TRACK;
64 | expect(disk[0][0][0]).toBe(0);
65 | expect(disk[0][0][1]).toBe(0);
66 | });
67 |
68 | it('has the correct bytes in track 0, sector 0', () => {
69 | const disk = BYTES_BY_TRACK;
70 | for (let i = 0; i < 256; i++) {
71 | expect(disk[0][0][i]).toBe(0);
72 | }
73 | });
74 |
75 | it('has the correct bytes in track 1, sector 0', () => {
76 | const disk = BYTES_BY_TRACK;
77 | for (let i = 0; i < 256; i++) {
78 | expect(disk[1][0][i]).toBe(1);
79 | }
80 | });
81 |
82 | it('has the correct bytes in track 30, sector 11', () => {
83 | const disk = BYTES_BY_TRACK;
84 | for (let i = 0; i < 256; i++) {
85 | expect(disk[30][11][i]).toBe(30);
86 | }
87 | });
88 | });
89 |
--------------------------------------------------------------------------------
/test/js/formats/testdata/13sector.ts:
--------------------------------------------------------------------------------
1 | import { memory } from 'js/types';
2 |
3 | function generateBytesInOrder() {
4 | const data: memory[][] = [];
5 | for (let t = 0; t < 35; t++) {
6 | const track: memory[] = [];
7 | for (let s = 0; s < 13; s++) {
8 | const sector: memory = new Uint8Array(256);
9 | for (let b = 0; b < 256; b++) {
10 | sector[b] = b;
11 | }
12 | track[s] = sector;
13 | }
14 | data[t] = track;
15 | }
16 | return data;
17 | }
18 |
19 | export const BYTES_IN_ORDER: memory[][] = generateBytesInOrder();
20 |
21 | function generateBytesBySector() {
22 | const data: memory[][] = [];
23 | for (let t = 0; t < 35; t++) {
24 | const track: memory[] = [];
25 | for (let s = 0; s < 13; s++) {
26 | const sector: memory = new Uint8Array(256);
27 | for (let b = 0; b < 256; b++) {
28 | sector[b] = s;
29 | }
30 | track[s] = sector;
31 | }
32 | data[t] = track;
33 | }
34 | return data;
35 | }
36 |
37 | export const BYTES_BY_SECTOR: memory[][] = generateBytesBySector();
38 |
39 | function generateBytesByTrack() {
40 | const data: memory[][] = [];
41 | for (let t = 0; t < 35; t++) {
42 | const track: memory[] = [];
43 | for (let s = 0; s < 13; s++) {
44 | const sector: memory = new Uint8Array(256);
45 | for (let b = 0; b < 256; b++) {
46 | sector[b] = t;
47 | }
48 | track[s] = sector;
49 | }
50 | data[t] = track;
51 | }
52 | return data;
53 | }
54 |
55 | export const BYTES_BY_TRACK: memory[][] = generateBytesByTrack();
56 |
--------------------------------------------------------------------------------
/test/js/formats/testdata/16sector.ts:
--------------------------------------------------------------------------------
1 | import { memory } from 'js/types';
2 | import { concat } from 'js/util';
3 |
4 | function generateBytesInOrder() {
5 | const data: memory[][] = [];
6 | for (let t = 0; t < 35; t++) {
7 | const track: memory[] = [];
8 | for (let s = 0; s < 16; s++) {
9 | const sector = new Uint8Array(256);
10 | for (let b = 0; b < 256; b++) {
11 | sector[b] = b;
12 | }
13 | track[s] = sector;
14 | }
15 | data[t] = track;
16 | }
17 | return data;
18 | }
19 |
20 | export const BYTES_IN_ORDER: memory[][] = generateBytesInOrder();
21 |
22 | function generateBytesBySector() {
23 | const data: memory[][] = [];
24 | for (let t = 0; t < 35; t++) {
25 | const track: memory[] = [];
26 | for (let s = 0; s < 16; s++) {
27 | const sector = new Uint8Array(256);
28 | for (let b = 0; b < 256; b++) {
29 | sector[b] = s;
30 | }
31 | track[s] = sector;
32 | }
33 | data[t] = track;
34 | }
35 | return data;
36 | }
37 |
38 | export const BYTES_BY_SECTOR: memory[][] = generateBytesBySector();
39 |
40 | function generateBytesByTrack() {
41 | const data: memory[][] = [];
42 | for (let t = 0; t < 35; t++) {
43 | const track: memory[] = [];
44 | for (let s = 0; s < 16; s++) {
45 | const sector = new Uint8Array(256);
46 | for (let b = 0; b < 256; b++) {
47 | sector[b] = t;
48 | }
49 | track[s] = sector;
50 | }
51 | data[t] = track;
52 | }
53 | return data;
54 | }
55 |
56 | export const BYTES_BY_TRACK: memory[][] = generateBytesByTrack();
57 |
58 | function toImage(disk: memory[][]) {
59 | const tracks: Uint8Array[] = [];
60 | for (let t = 0; t < disk.length; t++) {
61 | const track = concat(...disk[t]);
62 | tracks.push(track);
63 | }
64 | return concat(...tracks);
65 | }
66 |
67 | export const BYTES_BY_SECTOR_IMAGE = toImage(BYTES_BY_SECTOR);
68 | export const BYTES_BY_TRACK_IMAGE = toImage(BYTES_BY_TRACK);
69 |
70 | function randomImage() {
71 | const result = new Uint8Array(35 * 16 * 256);
72 | for (let i = 0; i < result.length; i++) {
73 | result[i] = Math.floor(Math.random() * 256);
74 | }
75 | return result;
76 | }
77 |
78 | export const RANDOM_IMAGE = randomImage();
79 |
--------------------------------------------------------------------------------
/test/js/formats/testdata/block_volume.ts:
--------------------------------------------------------------------------------
1 | import { BLOCK_SIZE } from 'js/formats/prodos/constants';
2 |
3 | // 800K Floppy size
4 | export const BLOCK_COUNT = 800;
5 |
6 | const SIZE = BLOCK_COUNT * BLOCK_SIZE;
7 |
8 | const data = new Uint8Array(SIZE);
9 |
10 | for (let block = 0; block < BLOCK_COUNT; block++) {
11 | for (let byte = 0; byte < 512; byte += 2) {
12 | data[block * BLOCK_SIZE + byte] = block & 0xff;
13 | data[block * BLOCK_SIZE + byte + 1] = block >> 8;
14 | }
15 | }
16 |
17 | export const BLOCKS = data.buffer;
18 |
--------------------------------------------------------------------------------
/test/js/formats/testdata/json.ts:
--------------------------------------------------------------------------------
1 | import { base64_encode } from 'js/base64';
2 | import { JSONDisk } from 'js/formats/types';
3 |
4 | export const testDisk: JSONDisk = {
5 | name: 'Test Disk',
6 | disk: 'Front',
7 | category: 'Test',
8 | type: 'dsk',
9 | encoding: 'base64',
10 | data: [],
11 | };
12 |
13 | const sector = new Uint8Array(256);
14 | sector.fill(0);
15 |
16 | for (let idx = 0; idx < 35; idx++) {
17 | const track: string[] = [];
18 | for (let jdx = 0; jdx < 16; jdx++) {
19 | track.push(base64_encode(sector));
20 | }
21 | testDisk.data.push(track);
22 | }
23 |
--------------------------------------------------------------------------------
/test/js/formats/types.spec.ts:
--------------------------------------------------------------------------------
1 | import {
2 | isNibbleDisk,
3 | isNibbleDiskFormat,
4 | isBlockDiskFormat,
5 | isWozDisk,
6 | DiskFormat,
7 | NibbleDisk,
8 | WozDisk,
9 | } from 'js/formats/types';
10 |
11 | const nibbleDisk = {
12 | encoding: 'nibble',
13 | } as NibbleDisk;
14 |
15 | const wozDisk = {
16 | encoding: 'bitstream',
17 | } as WozDisk;
18 |
19 | describe('Format types', () => {
20 | describe('isNibbleDisk', () => {
21 | it.each([
22 | [nibbleDisk, true],
23 | [wozDisk, false],
24 | ])('%s is %s', (disk, value) => {
25 | expect(isNibbleDisk(disk)).toEqual(value);
26 | });
27 | });
28 |
29 | describe('isNibbleDiskFormat', () => {
30 | it.each([
31 | ['2mg', true],
32 | ['d13', true],
33 | ['do', true],
34 | ['dsk', true],
35 | ['po', true],
36 | ['nib', true],
37 | ['hdv', false],
38 | ])('%s is %s', (fmt, val) => {
39 | expect(isNibbleDiskFormat(fmt as DiskFormat)).toEqual(val);
40 | });
41 | });
42 |
43 | describe('isBlockDiskFormat', () => {
44 | it.each([
45 | ['2mg', true],
46 | ['d13', false],
47 | ['do', false],
48 | ['dsk', false],
49 | ['po', true],
50 | ['nib', false],
51 | ['hdv', true],
52 | ])('%s is %s', (fmt, val) => {
53 | expect(isBlockDiskFormat(fmt as DiskFormat)).toEqual(val);
54 | });
55 | });
56 |
57 | describe('isWozDisk', () => {
58 | it.each([
59 | [nibbleDisk, false],
60 | [wozDisk, true],
61 | ])('%s is %s', (disk, value) => {
62 | expect(isWozDisk(disk)).toEqual(value);
63 | });
64 | });
65 | });
66 |
--------------------------------------------------------------------------------
/test/js/formats/util.spec.ts:
--------------------------------------------------------------------------------
1 | import { compareSequences } from './util';
2 |
3 | describe('compareSequences', () => {
4 | it('matches at pos 0', () => {
5 | expect(
6 | compareSequences(
7 | new Uint8Array([0x01, 0x02, 0x03]),
8 | [0x01, 0x02, 0x03],
9 | 0
10 | )
11 | ).toBeTruthy();
12 | });
13 |
14 | it('matches at pos 1', () => {
15 | expect(
16 | compareSequences(
17 | new Uint8Array([0x00, 0x01, 0x02, 0x03]),
18 | [0x01, 0x02, 0x03],
19 | 1
20 | )
21 | ).toBeTruthy();
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/test/js/formats/util.ts:
--------------------------------------------------------------------------------
1 | import { memory } from 'js/types';
2 |
3 | export function skipGap(track: memory, start: number = 0): number {
4 | const end = start + 0x100; // no gap is this big
5 | let i = start;
6 | while (i < end && track[i] === 0xff) {
7 | i++;
8 | }
9 | if (i === end) {
10 | throw new Error(`found more than 0x100 0xFF bytes after ${start}`);
11 | }
12 | return i;
13 | }
14 |
15 | export function compareSequences(
16 | track: memory,
17 | bytes: number[],
18 | pos: number
19 | ): boolean {
20 | for (let i = 0; i < bytes.length; i++) {
21 | if (track[i + pos] !== bytes[i]) {
22 | return false;
23 | }
24 | }
25 | return true;
26 | }
27 |
28 | export function expectSequence(
29 | track: memory,
30 | pos: number,
31 | bytes: number[]
32 | ): number {
33 | if (!compareSequences(track, bytes, pos)) {
34 | const track_slice = track.slice(
35 | pos,
36 | Math.min(track.length, pos + bytes.length)
37 | );
38 | throw new Error(
39 | `expected ${bytes.toString()} got ${track_slice.toString()}`
40 | );
41 | }
42 | return pos + bytes.length;
43 | }
44 |
45 | export function findBytes(
46 | track: memory,
47 | bytes: number[],
48 | start: number = 0
49 | ): number {
50 | if (start + bytes.length > track.length) {
51 | return -1;
52 | }
53 | for (let i = start; i < track.length; i++) {
54 | if (compareSequences(track, bytes, i)) {
55 | return i + bytes.length;
56 | }
57 | }
58 | return -1;
59 | }
60 |
61 | /**
62 | * Convert an ASCII character string into an array of bytes, with optional
63 | * padding.
64 | *
65 | * @param val ASCII character string
66 | * @param pad ASCII character to fill reach padded length
67 | * @param padLength padded length
68 | * @returns an array of bytes
69 | */
70 | export const stringToBytes = (
71 | val: string,
72 | pad: string = '\0',
73 | padLength: number = 0
74 | ) => {
75 | const result = [];
76 | let idx = 0;
77 | while (idx < val.length) {
78 | result.push(val.charCodeAt(idx) & 0x7f);
79 | idx++;
80 | }
81 | while (idx++ < padLength) {
82 | result.push(pad.charCodeAt(0) & 0x7f);
83 | }
84 | return result;
85 | };
86 |
87 | /**
88 | * Convert a number into a little endian array of bytes.
89 | *
90 | * @param val a number
91 | * @param count number of bytes in result
92 | * @returns an array of bytes
93 | */
94 | export const numberToBytes = (val: number, count: number) => {
95 | const result = [];
96 | let idx = 0;
97 | while (idx < count) {
98 | result.push(val & 0xff);
99 | val >>= 8;
100 | idx++;
101 | }
102 | return result;
103 | };
104 |
--------------------------------------------------------------------------------
/test/js/formats/woz.spec.ts:
--------------------------------------------------------------------------------
1 | import { ENCODING_BITSTREAM } from 'js/formats/types';
2 | import createDiskFromWoz from 'js/formats/woz';
3 | import { mockWoz1, mockWoz2, mockTMAP } from './testdata/woz';
4 |
5 | describe('woz', () => {
6 | beforeEach(() => {
7 | jest.spyOn(console, 'log').mockImplementation();
8 | });
9 |
10 | it('can parse Woz version 1', () => {
11 | const options = {
12 | name: 'Unknown',
13 | volume: 254,
14 | readOnly: true,
15 | rawData: mockWoz1,
16 | };
17 |
18 | const disk = createDiskFromWoz(options);
19 | expect(disk).toEqual({
20 | metadata: { name: 'Mock Woz 1', side: undefined },
21 | readOnly: true,
22 | encoding: ENCODING_BITSTREAM,
23 | format: 'woz',
24 | trackMap: mockTMAP,
25 | // prettier-ignore
26 | rawTracks: [new Uint8Array([
27 | 1, 1, 0, 1, 0, 1, 0, 1,
28 | 1, 0, 1, 0, 1, 0, 1, 0,
29 | 1, 0, 0, 1, 0, 1, 1, 0,
30 | ])],
31 | info: {
32 | bitTiming: 0,
33 | bootSector: 0,
34 | cleaned: 0,
35 | compatibleHardware: 0,
36 | creator: 'Apple2JS ',
37 | diskType: 1,
38 | largestTrack: 0,
39 | requiredRAM: 0,
40 | sides: 0,
41 | synchronized: 1,
42 | version: 1,
43 | writeProtected: 0,
44 | },
45 | });
46 | });
47 |
48 | it('can parse Woz version 2', () => {
49 | const options = {
50 | name: 'Unknown',
51 | volume: 254,
52 | readOnly: true,
53 | rawData: mockWoz2,
54 | };
55 |
56 | const disk = createDiskFromWoz(options);
57 | expect(disk).toEqual({
58 | metadata: {
59 | name: 'Mock Woz 2',
60 | side: 'B',
61 | },
62 | readOnly: true,
63 | encoding: ENCODING_BITSTREAM,
64 | format: 'woz',
65 | trackMap: mockTMAP,
66 | // prettier-ignore
67 | rawTracks: [new Uint8Array([
68 | 1, 1, 0, 1, 0, 1, 0, 1,
69 | 1, 0, 1, 0, 1, 0, 1, 0,
70 | 1, 0, 0, 1, 0, 1, 1, 0,
71 | ])],
72 | info: {
73 | bitTiming: 0,
74 | bootSector: 0,
75 | cleaned: 0,
76 | compatibleHardware: 0,
77 | creator: 'Apple2JS ',
78 | diskType: 1,
79 | largestTrack: 0,
80 | requiredRAM: 0,
81 | sides: 1,
82 | synchronized: 1,
83 | version: 2,
84 | writeProtected: 0,
85 | },
86 | });
87 | });
88 | });
89 |
--------------------------------------------------------------------------------
/test/js/rom.test.ts:
--------------------------------------------------------------------------------
1 | import type ROM from '../../js/roms/rom';
2 | import OriginalROM from '../../js/roms/system/original';
3 | import IntegerROM from '../../js/roms/system/intbasic';
4 | import FPBasicROM from '../../js/roms/system/fpbasic';
5 | import Apple2eROM from '../../js/roms/system/apple2e';
6 | import Apple2enhROM from '../../js/roms/system/apple2enh';
7 | import Apple2jROM from '../../js/roms/system/apple2j';
8 |
9 | const roms: { [name: string]: { new (): ROM } } = {
10 | original: OriginalROM,
11 | integer: IntegerROM,
12 | fpbasic: FPBasicROM,
13 | apple2e: Apple2eROM,
14 | apple2enh: Apple2enhROM,
15 | apple2j: Apple2jROM,
16 | };
17 |
18 | for (const rom of Object.keys(roms)) {
19 | describe(`${rom}`, () => {
20 | it('is constructable', () => {
21 | expect(new roms[rom]()).not.toBeNull();
22 | });
23 | });
24 | }
25 |
--------------------------------------------------------------------------------
/test/js/ui/__snapshots__/options_modal.spec.ts.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`OptionsModal openModal renders 1`] = `
4 |
7 |
8 | Section 1
9 |
10 |
44 |
45 | Section 2
46 |
47 |
60 |
61 | * Reload page to take effect
62 |
63 |