| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232 |
- const expect = chai.expect;
- import Websock from '../core/websock.js';
- import Display from '../core/display.js';
- import HextileDecoder from '../core/decoders/hextile.js';
- import FakeWebSocket from './fake.websocket.js';
- function testDecodeRect(decoder, x, y, width, height, data, display, depth) {
- let sock;
- sock = new Websock;
- sock.open("ws://example.com");
- sock.on('message', () => {
- decoder.decodeRect(x, y, width, height, sock, display, depth);
- });
- // Empty messages are filtered at multiple layers, so we need to
- // do a direct call
- if (data.length === 0) {
- decoder.decodeRect(x, y, width, height, sock, display, depth);
- } else {
- sock._websocket._receiveData(new Uint8Array(data));
- }
- display.flip();
- }
- function push32(arr, num) {
- arr.push((num >> 24) & 0xFF,
- (num >> 16) & 0xFF,
- (num >> 8) & 0xFF,
- num & 0xFF);
- }
- describe('Hextile Decoder', function () {
- let decoder;
- let display;
- before(FakeWebSocket.replace);
- after(FakeWebSocket.restore);
- beforeEach(function () {
- decoder = new HextileDecoder();
- display = new Display(document.createElement('canvas'));
- display.resize(4, 4);
- });
- it('should handle a tile with fg, bg specified, normal subrects', function () {
- let data = [];
- data.push(0x02 | 0x04 | 0x08); // bg spec, fg spec, anysubrects
- push32(data, 0x00ff0000); // becomes 00ff0000 --> #00FF00 bg color
- data.push(0x00); // becomes 0000ff00 --> #0000FF fg color
- data.push(0x00);
- data.push(0xff);
- data.push(0x00);
- data.push(2); // 2 subrects
- data.push(0); // x: 0, y: 0
- data.push(1 | (1 << 4)); // width: 2, height: 2
- data.push(2 | (2 << 4)); // x: 2, y: 2
- data.push(1 | (1 << 4)); // width: 2, height: 2
- testDecodeRect(decoder, 0, 0, 4, 4, data, display, 24);
- let targetData = new Uint8Array([
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255
- ]);
- expect(display).to.have.displayed(targetData);
- });
- it('should handle a raw tile', function () {
- let targetData = new Uint8Array([
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255
- ]);
- let data = [];
- data.push(0x01); // raw
- for (let i = 0; i < targetData.length; i += 4) {
- data.push(targetData[i]);
- data.push(targetData[i + 1]);
- data.push(targetData[i + 2]);
- // Last byte zero to test correct alpha handling
- data.push(0);
- }
- testDecodeRect(decoder, 0, 0, 4, 4, data, display, 24);
- expect(display).to.have.displayed(targetData);
- });
- it('should handle a tile with only bg specified (solid bg)', function () {
- let data = [];
- data.push(0x02);
- push32(data, 0x00ff0000); // becomes 00ff0000 --> #00FF00 bg color
- testDecodeRect(decoder, 0, 0, 4, 4, data, display, 24);
- let expected = [];
- for (let i = 0; i < 16; i++) {
- push32(expected, 0x00ff00ff);
- }
- expect(display).to.have.displayed(new Uint8Array(expected));
- });
- it('should handle a tile with only bg specified and an empty frame afterwards', function () {
- // set the width so we can have two tiles
- display.resize(8, 4);
- let data = [];
- // send a bg frame
- data.push(0x02);
- push32(data, 0x00ff0000); // becomes 00ff0000 --> #00FF00 bg color
- // send an empty frame
- data.push(0x00);
- testDecodeRect(decoder, 0, 0, 32, 4, data, display, 24);
- let expected = [];
- for (let i = 0; i < 16; i++) {
- push32(expected, 0x00ff00ff); // rect 1: solid
- }
- for (let i = 0; i < 16; i++) {
- push32(expected, 0x00ff00ff); // rect 2: same bkground color
- }
- expect(display).to.have.displayed(new Uint8Array(expected));
- });
- it('should handle a tile with bg and coloured subrects', function () {
- let data = [];
- data.push(0x02 | 0x08 | 0x10); // bg spec, anysubrects, colouredsubrects
- push32(data, 0x00ff0000); // becomes 00ff0000 --> #00FF00 bg color
- data.push(2); // 2 subrects
- data.push(0x00); // becomes 0000ff00 --> #0000FF fg color
- data.push(0x00);
- data.push(0xff);
- data.push(0x00);
- data.push(0); // x: 0, y: 0
- data.push(1 | (1 << 4)); // width: 2, height: 2
- data.push(0x00); // becomes 0000ff00 --> #0000FF fg color
- data.push(0x00);
- data.push(0xff);
- data.push(0x00);
- data.push(2 | (2 << 4)); // x: 2, y: 2
- data.push(1 | (1 << 4)); // width: 2, height: 2
- testDecodeRect(decoder, 0, 0, 4, 4, data, display, 24);
- let targetData = new Uint8Array([
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255
- ]);
- expect(display).to.have.displayed(targetData);
- });
- it('should carry over fg and bg colors from the previous tile if not specified', function () {
- display.resize(4, 17);
- let data = [];
- data.push(0x02 | 0x04 | 0x08); // bg spec, fg spec, anysubrects
- push32(data, 0xff00ff); // becomes 00ff00ff --> #00FF00 bg color
- data.push(0x00); // becomes 0000ffff --> #0000FF fg color
- data.push(0x00);
- data.push(0xff);
- data.push(0xff);
- data.push(8); // 8 subrects
- for (let i = 0; i < 4; i++) {
- data.push((0 << 4) | (i * 4)); // x: 0, y: i*4
- data.push(1 | (1 << 4)); // width: 2, height: 2
- data.push((2 << 4) | (i * 4 + 2)); // x: 2, y: i * 4 + 2
- data.push(1 | (1 << 4)); // width: 2, height: 2
- }
- data.push(0x08); // anysubrects
- data.push(1); // 1 subrect
- data.push(0); // x: 0, y: 0
- data.push(1 | (1 << 4)); // width: 2, height: 2
- testDecodeRect(decoder, 0, 0, 4, 17, data, display, 24);
- let targetData = [
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255
- ];
- let expected = [];
- for (let i = 0; i < 4; i++) {
- expected = expected.concat(targetData);
- }
- expected = expected.concat(targetData.slice(0, 16));
- expect(display).to.have.displayed(new Uint8Array(expected));
- });
- it('should fail on an invalid subencoding', function () {
- let data = [45]; // an invalid subencoding
- expect(() => testDecodeRect(decoder, 0, 0, 4, 4, data, display, 24)).to.throw();
- });
- it('should handle empty rects', function () {
- display.fillRect(0, 0, 4, 4, [ 0x00, 0x00, 0xff ]);
- display.fillRect(2, 0, 2, 2, [ 0x00, 0xff, 0x00 ]);
- display.fillRect(0, 2, 2, 2, [ 0x00, 0xff, 0x00 ]);
- testDecodeRect(decoder, 1, 2, 0, 0, [], display, 24);
- let targetData = new Uint8Array([
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255, 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255,
- 0x00, 0xff, 0x00, 255, 0x00, 0xff, 0x00, 255, 0x00, 0x00, 0xff, 255, 0x00, 0x00, 0xff, 255
- ]);
- expect(display).to.have.displayed(targetData);
- });
- });
|